对于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. 面相切面编程AOP以及在Unity中的实现

    一.AOP概念 AOP(Aspect-Oriented Programming,面向切面的编程),它是可以通过预编译方式和运行期动态代理实现在不修改源代码的情况下给程序动态统一添加功能的一种技术.它是 ...

  2. java课程设计全程实录——第3天

    参考资料: 课设主要指导: http://www.cnblogs.com/zhrb/p/6872265.html 2019年5月10日 https://blog.csdn.net/weixin_421 ...

  3. ARC（Automatic Reference Counting ）技术概述

    此文章由Tom翻译,首发于csdn的blog 转自:http://blog.csdn.net/nicktang/article/details/6792972 Automatic Reference ...

  4. SQL Server调试存储过程

      一.   调试SQL   Server   2000 1.   设置帐户. <1>   在windows服务中找到MSSQLSERVER,双击弹出对话框. <2>   选择 ...

  5. 第三方知乎专栏应用Android源码

    这是一个国内开发者白瓦力贡献的一个简约的第三方知乎客户端,也许完整度不太高,但感觉还是相当不错的,其实我也是一个知乎迷,尽管平时围观的比较多. 我相信很多搞安卓开发的童鞋也去过知乎解惑吧.引用作者的描 ...

  6. workstation服务丢失 共享打不开 0x80070035

    这个问题困扰一个星期了,希望能帮到人.

  7. 数据库和java的类型转化

    mysql 的转化 count(1)   返回类型是bigint  对应的java 是 BigInteger cast(sum(name) as char)    sum转化为字符串

  8. vue小结1

    (1)渐进式vue 构建用户界面的渐进式框架 只关注视图层 (2)vue中的两个核心点 响应的数据绑定:当数据发生改变时,自动更新视图 利用Object.definedProperty(该属性IE8不 ...

  9. Perl语言入门：第六章习题：处理用户所指定的名字并汇报相应的姓。

    37 print "\n----------------------------------_exercise_6_1--------------------------\n";  ...

  10. php更改wampserver的站点目录

    我都wampserver安装在f盘 F:\wamp\bin\apache\Apache2.4.4\conf文件夹下的hhtpd.conf文件ctrl+f查找DocumentRoot,第二次的位置修改即 ...