AJAX异步请求：JavaScript&jQuery实现

 使用AJAX：
JavaScript和XML
* XMLHttpRequest:
* 属性：
* onreadystatechange:
* readyState:
shi
* status:获得状态码
* responseText :响应的文本
* responseXML :响应的XML
* 方法:
* open(“请求方式”,”请求路径”,”是否异步”);
* send(“提交的参数”);
* setRequestHeader(“头信息”,”头的值”);

开发步骤：
1.获得XMLHttpRequest对象.
* IE将XMLHttpRequest封装到一个ObjectXActive插件中.
* Firefox直接可以创建XMLHttpRequest.
2.设置状态改变触发一个函数.
3.打开一个链接.
4.发送请求.

1. 列表内容

//jQuery的load方法
$(function () {
    //给按钮1绑定一个事件
    $("#bt1").click(function () {
        $("#d1").load("/test/ServletDemo1",{"name":"zhangsan","password":"123456"},function(data){
            if (data == 1){
                $(this).html("zhangsan");
            }else{
                $(this).html("其他");
            }
        });
    });
})
//jQuery中异步get请求的实现

$(function () {
  //为按钮绑定一个单击事件触发请求
  $("bt2").click(function(){
      //发送异步请求
      $.get("/test/ServletDemo2",{"name":"zhangsan","password":"123456"},function(data){
          $("#d2").html(data);
      });
  });
})
由于传统AJAX开发代码比较麻烦,而且还有浏览器兼容的问题.传统的AJAX的使用在企业中是很少的.使用AJAX的一些框架完成.
//Jquery异步请求之post
 $(function () {
     $("#bt3").click(function(){
         $.post("/test/ServletDemo3",{"name":"zhangsan","password":"123456"},function(data){
             $("#d2").html(data);
         });
     });
 }

 //jQuery的AJAX方法：
$(function () {
    $("#bt4").click(function() {
        $.ajax(
            type:"post",
            url:"/test/ServletDemo4",
            data:"name=zhangs$password=123456",
            success:function() {
            $("#d4").html(data);
        }
        );
    });
})