对于Ajax核心的东西需要在进行总结提炼一下：

xmlHttp对象。

方法：xml.responseText获取后台传递到前台的数据，经常性的使用var object=xml.responseText;

前端：

二级联动的例子：

 function onloadInfo(){

         var shengId=document.getElementById("sheng").value;

         shi.options.length=0;//清除市的下拉框内容！

         var xmlHttp;

         if(window.XMLHttpRequest){

             xmlHttp=new XMLHttpRequest();

         }else{

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

         }

         alert("readState状态："+xmlHttp.readyState+";status状态："+xmlHttp.status);

         xmlHttp.onreadystatechange=function(){

             if(xmlHttp.readyState==4&&xmlHttp.status==200){

                 alert(xmlHttp.responseText);

                     var object=eval("("+xmlHttp.responseText+")");

                     for(var i=0;i<object.rows.length;i++){

                         var o=object.rows[i];

                         shi.options.add(new Option(o.text,o.id));

                     }

             }

         };

         xmlHttp.open("get","checkUserName?action=ejld&shengId="+shengId,true);

         xmlHttp.send();

 }

  </script>

 <body>

 <div>

     省：<select id="sheng" onchange="onloadInfo()">

         <option value="1">山东省</option>

         <option value="2">江苏省</option>

         <option value="3">宁夏回族自治区</option>

     </select>

           市：<select id="shi">

        </select>

 </div>

 </body>

 </html>

后台：

 private void ejld(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         response.setContentType("text/Html;charset=utf-8");

         PrintWriter out=response.getWriter();

         JSONObject resultJson=new JSONObject();

         String shengId=request.getParameter("shengId");

         JSONArray Jsonarray=new JSONArray();

         JSONObject temp=null;

         switch(Integer.parseInt(shengId)){

             case 1:{

                 temp=new JSONObject();temp.put("id", 1);temp.put("text", "济南市");Jsonarray.add(temp);

                 temp=new JSONObject();temp.put("id", 2);temp.put("text", "潍坊市");Jsonarray.add(temp);

                 temp=new JSONObject();temp.put("id", 3);temp.put("text", "青岛市");Jsonarray.add(temp);

                 break;

             }

             case 2:{

                 temp=new JSONObject();temp.put("id", 4);temp.put("text", "南通市");Jsonarray.add(temp);

                 temp=new JSONObject();temp.put("id", 5);temp.put("text", "苏州市");Jsonarray.add(temp);

                 temp=new JSONObject();temp.put("id", 6);temp.put("text", "泰兴市");Jsonarray.add(temp);

                 break;

             }

             case 3:{

                 temp=new JSONObject();temp.put("id", 7);temp.put("text", "银川市");Jsonarray.add(temp);

                 temp=new JSONObject();temp.put("id", 8);temp.put("text", "吴忠市");Jsonarray.add(temp);

                 temp=new JSONObject();temp.put("id", 9);temp.put("text", "中卫市");Jsonarray.add(temp);

                 break;

             }

         }

         resultJson.put("rows", Jsonarray);

         out.println(resultJson);

         out.flush();

         out.close();

     }

其中：

对于JSONObject resultJson=new JSONObject();

我们是一个大的对象
里面有一个数组：
JSONArray jsonArray=new JSONArray();
然后还可以继续往里面加对象。
这里面的对象可以有自己的key-value值！
这很有意思！

Ajax核心知识（2）的更多相关文章

  1. Ajax核心知识(1)

    XMLHttpRequest对象创建 所有现代浏览器均支持XMLHttpRequest对象( IE5 和 IE6 使用 ActiveXObject). XMLHttpRequest用于在后台与服务器交 ...

  2. 对学习Ajax的知识总结

    1.对Ajax的初步认识 1.1. Ajax 是一种网页开发技术,(Asynchronous Javascript + XML)异步 JavaScript 和 XML: 1.2.Ajax 是异步交互, ...

  3. 网络基础知识、ASP.NET 核心知识（1）*

    为什么要写网络? 我原本的计划是这样的,连续两天梳理ASP.NET开发的核心知识.说到这呢,有人问了.“不是说好了做ASP.NET笔记吗?为啥要写网络基础知识?是不是傻?” 原因是这样的.作为网站开发 ...

  4. AJAX重点知识的心得体会

    下面就为大家带来一篇 AJAX重点知识的心得体会.学习还是有点帮助的,给大家做个参考吧. AJAX是什么? 是Asynchronous Javascript And XML的首字母的缩写, 它不是一门 ...

  5. Ajax基础知识 浅析（含php基础语法知识）

    1.php基础语法    后缀名为.php的文件 (1) echo   向页面中输入字符串  <?php    所有php相关代码都要写在<?php ?>这个标签之中 echo &q ...

  6. Ajax基础知识《一》

    对于网站开发人员,一定不会陌生的Ajax技术,本篇就让我们认识一下它,或许在日后的开发过程中我们就可以使用到.Ajax在那方面使用的比较多呢?答案:表单注册,传统的表单注册,有时需要填写大量的信息,当 ...

  7. ASP.NET Ajax核心对象

    本章学习目标 主要掌握AJAX的基本概念和实现机制,学习并创建XMLHttpRequest对象,使用XMLHttpRequestObject对象获取服务器端的数据 主要内容如下,请点击ASP.NET ...

  8. Ajax基础知识（二）

    接上一篇  Ajax基础知识(一) 在上一篇博客里,抛弃了VS中新建aspx页面,拖个button写上C#代码的方式.使用ajax的方式,异步向服务器请求数据.我们让服务器只简单的返回一个" ...

  9. Vuex核心知识（2.0）

    Vuex 是一个专门为 Vue.js 应该程序开发的状态管理模式,它类似于 Redux 应用于 React 项目中,他们都是一种 Flux 架构.相比 Redux,Vuex 更简洁,学习成本更低.希望 ...

随机推荐

  1. AJPFX对equals()方法和==异同的比较

    equals()方法是Object类的方法,所有的类都集成了此方法,还有部分类重写了这个方法,我们看一下Object类中关于该方法的的源码: public boolean equals(Object ...

  2. ie浏览器和火狐浏览器对对容器宽度定义的差异

    首先我们说说firefox和IE对CSS的宽度显示有什么不同: 其实CSS ’width’ 指的是标准CSS中所指的width的宽度,在firefox中的宽度就是这个宽度.它只包含容器中内容的宽度.而 ...

  3. Bing图片下载器（Python实现）

    分享一个Python实现的Bing图片下载器.下载首页图片并保存到到当前目录.其中用到了正则库re以及Request库. 大致流程如下: 1.Request抓取首页数据 2.re正则匹配首页图片URL ...

  4. 【PostgreSQL-9.6.3】Red Hat 4.4.7下的安装

    1. 下载源码包https://www.postgresql.org/ftp/source/v9.6.1/ 2. 上传到/opt目录下 3. 创建postgres用户及dba组,并修改压缩包的属主属组 ...

  5. vs2015 qt5.8新添加文件时出现“无法找到源文件ui.xxx.h”

    转载请注明出处:http://www.cnblogs.com/dachen408/p/7147135.html vs2015 qt5.8新添加文件时出现“无法找到源文件ui.xxx.h” 暂时解决版本 ...

  6. git的使用 及一些常见的错误处理

    git安装使用 添加文件到Git仓库,分两步: 1.使用命令git add <file>,注意,可反复多次使用,添加多个文件: 2.使用命令git commit -m <messag ...

  7. anchor_target_layer中的bounding regression

    在anchor_target层,这两行是计算bounding regression代码: bbox_targets = np.zeros((len(inds_inside), 4), dtype=np ...

  8. vue中滚动页面，改变样式&&导航栏滚动时，样式透明度修改

    vue中滚动页面,改变样式&&导航栏滚动时,样式透明度修改.vue <div class="commonHeader" v-bind:class=" ...

  9. rsync_ssh

    rsync -av -e "ssh" /data/wwwroot/a1 node2:/data/wwwroot/

  10. JavaSE-20 IO序列化

    学习要点 定义 IO如何序列化 序列化 序列化:是将对象的状态存储到特定存储介质中的过程. 反序列化:从特定存储介质中的数据重新构建对象的过程. 实现了java.io.Serializable接口的类 ...