servlet

 //输出JSON格式的省份信息

 @WebServlet("/ServletDemo1")

 public class ServletDemo1 extends HttpServlet {

     private static final long serialVersionUID = 1L;

     public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         response.setContentType("text/html;charset=UTF-8");

         PrintWriter out = response.getWriter();

         String str = "{name:'山东省'}";

         out.write(str);

     }

json   jsp中应用

eval函数用于转换成 json的文本 来让以后代码使用
 <%@ page language="java"  pageEncoding="utf-8"%>

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

 <html>

     <head>

         <title>级联菜单</title>

         <script type="text/javascript" src="./xmFile.js"> </script>

     </head>

     <body>

      <select id="province" name="province">

        <option value="">请选择....</option>

      </select>

      <select id="city" name="city">

          <option value="">请选择.....</option>

      </select>

      <script type="text/javascript">

          window.onload=function(){

              var xhr = createXmlHttpRequest();

              xhr.onreadystatechange=function(){

                  if(xhr.readyState==4){

                      if(xhr.status==200||xhr.status==304){

                          var data = xhr.responseText;//JSON数据，服务端是普通字符串返回的

                          var provinceJson = eval("("+data+")");//把普通的JSON字符串文本变成真正的JSON数据

                          var optionElement = document.createElement("option");

                          optionElement.setAttribute("value",provinceJson.name);

                          var textNode = document.createTextNode(provinceJson.name);

                          optionElement.appendChild(textNode);

                          document.getElementById("province").appendChild(optionElement);

                      }

                  }

              }

              xhr.open("GET","${pageContext.request.contextPath}/ServletDemo1?time="+new Date().getTime());

              xhr.send(null);

          }

          function createXmlHttpRequest(){

                var xmlHttp;

                try{    //Firefox, Opera 8.0+, Safari

                        xmlHttp=new XMLHttpRequest();

                 }catch (e){

                        try{    //Internet Explorer

                               xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

                         }catch (e){

                               try{

                                       xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

                               }catch (e){}

                        }

                 }

                return xmlHttp;

              }

      </script>

   </body>

 </html>

json servlet通信 显示数据的更多相关文章

  1. 页面中 json 格式显示 数据

    在页面中,有时候我们需要的不仅仅是将数据显示出来,而且要以以 json 的格式显示数据,如显示接口的时候 我们需要如下显示 这个时候,主要用到了 <pre> 标签 $.get(" ...

  2. servlet与ajax数据交换（json格式）

    JSON数据格式: JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写.同时也易于机器解析和生成. 它基于的一个子集. JSON采用完全独 ...

  3. SpringMVC+easyui显示数据

    近期做毕业设计,想用easyui,先学习一下CRUD.今天先弄了个表格显示数据库的数据.jsp页面还有非常多其他元素,我就不贴上去了.我显示数据的JSP为/WebContent/WEB-INF/vie ...

  4. JMETER从JSON响应中提取数据

    如果你在这里,可能是因为你需要使用JMeter从Json响应中提取变量. 好消息!您正在掌握掌握JMeter Json Extractor的权威指南.作为Rest API测试指南的补充,您将学习掌握J ...

  5. 如何使用JMETER从JSON响应中提取数据

    如果你在这里,可能是因为你需要使用JMeter从Json响应中提取变量. 好消息!您正在掌握掌握JMeter Json Extractor的权威指南.作为Rest API测试指南的补充,您将学习掌握J ...

  6. 怎样操作WebAPI接口(显示数据)

    就在去年Insus.NET已经写好的一个WebAPI项目,并且发布在IIS中.参考<创建与使用Web API>http://www.cnblogs.com/insus/p/5019088. ...

  7. miniui前台无法显示数据

    坑爹,刚开始使用miniui重写对账单的功能,显示数据的时候明明已经获取到json数据了,但前台还是显示不出来,找了一上午的原因,终于找到是因为前台显示字段的field值要改成和json中(数据库字段 ...

  8. EasyUI datagrid 格式化显示数据

    http://blog.163.com/ppy2790@126/blog/static/103242241201512502532379/ 设置formatter属性,是一个函数,格式化函数有3个参数 ...

  9. 拼接json示例 json分页并显示所有页码

    <%@ page language="java" import="java.util.*" pageEncoding="gbk"%&g ...

随机推荐

  1. 20162303实验四 Android程序设计

    北京电子科技学院(BESTI) 实 验 报 告 课程:程序设计与数据结构 班级: 1623 姓名: 石亚鑫 学号:20162303 成绩: 2分 指导教师:娄嘉鹏 王志强 实验日期:5月26日 实验密 ...

  2. C++ Any 任意基础类型封装

    下面是本人使用C++封装的一个针对任意基础类型以及用户自定义类型指针的通用类型.目的是为方便常用类型使用统一化及便利化.该类型的使用就与平时使用基础类型基本没什么差别.具体可参看以下代码及测试代码. ...

  3. [典型漏洞分享]上传导致的应用层DOS攻击

    YS 视频封面设置功能可上传大量图片,可进行资源消耗型DOS攻击[中] 问题描述:          YS允许用户为设备设置封面,后台在处理时允许用户间接可控上传图片的二级路径以及直接可控保存图片的文 ...

  4. php中NULL、false、0、" "有何区别？

    php中很多还不懂php中0,"",null和false之间的区别,这些区别有时会影响到数据判断的正确性和安全性,给程序的测试运行造成很多麻烦.先看一个例子: <? $str ...

  5. Composer与laravel安装

    首先,要知道Composer是什么? Composer是PHP中用来管理依赖(dependency)关系的工具.你可以在自己的项目中声明所依赖的外部工具库(libraries),Composer会帮你 ...

  6. tcpdump的使用

    tcpdump命令的控制分4个部分 控制tcpdump行为 -c 控制抓取报文的个数 -p 非混杂模式 -s 限制报文长度,0 为不限制 -w 保存抓取的报文到指定路径 -r 从pcap报文读取报文 ...

  7. 转：Oracle密码过期，取消密码180天限制

    原文:https://www.cnblogs.com/soar-gh/p/5949158.html 1.进入sqlplus模式 sqlplus / as sysdba; 2.查看用户密码的有效期设置( ...

  8. php ob静态缓存

    <?php ob_start(); //打开输出缓冲区 $cacheTime = 864000; //设置缓存页面过期时间 $cacheDir = 'cacheDir'; //设置缓存页面文件目 ...

  9. rocketmq,zookeeper,redis分别持久化的方式

    1.rocketmq持久化: RocketMQ 的所有消息都是持久化的, 先写入系统 PAGECACHE, 然后刷盘, 可以保证内存与磁盘都有一份数据,访问时,直接从内存读取. RocketMQ 的所 ...

  10. arcgis10.2转shp文件中文乱码问题解决方案

    从ArcGIS的数据源入手,自己升级ArcGIS for Desktop到10.2.0,然后用该版本ArcGIS软件重新导出数据,竟然还是乱码.经咨询ArcGIS技术支持,技术支持说必须保证shp文件 ...