对于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. Android IJKPlayer缓冲区设置以及播放一段时间出错解决方案

    IJKPlayer拖动播放进度会导致重新请求数据,未使用已经缓冲好的数据,所以应该尽量控制缓冲区大小,减少不必要的数据损失. mMediaPlayer.setOption(IjkMediaPlayer ...

  2. [转]Android开发要看的网站（不断更新中）

    Android网址或Blog Android官网 身为Android开发者不知道这个网站就太说不过去了,上面有你任何你需要的东西 Android Developers Blog Android官网博客 ...

  3. file.seek()

    语法:fileObject.seek(offset,whence) offset -- 开始的偏移量,也就是代表需要移动偏移的字节数 whence:可选,默认值为 0.给offset参数一个定义,表示 ...

  4. CAD参数绘制多行文字（com接口）

    在CAD设计时,需要绘制多行文字,用户可以设置设置绘制文字的高度等属性. 主要用到函数说明: _DMxDrawX::DrawMText 绘制一个多行文字.详细说明如下: 参数 说明 DOUBLE dP ...

  5. asp.net的请求管道事件

    一.引言 上篇介绍了Http的请求过程提到了在请求进入到创建完 HttpApplication 对象后,将进入一系列的处理事件Event,那么这些事件具体都有哪些呢,这篇文章就来简要阐述一下. 二.正 ...

  6. java_线程的通信

    线程的通信共有三个方法: wait()运行时阻塞,释放锁 notify()唤醒阻塞线程 notifll()唤醒全部阻塞线程 public class ThreadTest01 { public sta ...

  7. webstorm下开发微信小程序

  8. 【原】简单shell练习（一）

    1.交互式脚本 #!/bin/bash read -p "Enter your name:" name #read提示用户输入 echo "hello $name, we ...

  9. -- HTML标记大全参考手册[推荐]

    --  HTML标记大全参考手册[推荐]总类(所有HTML文件都有的) 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE>&l ...

  10. thinkphp5验证码处理

    1.确定项目目录>vendor>topthink>think-captcha目录存在 2.在config中添加验证码配置 //验证码配置 'captcha' => [ // 验 ...