ajax初步了解

1.首先创建ajax对象

要设置一个变量接受ajax对象

var xmlhttprequest = new XMLHTTPRequset();

 

2.调用open方法设置请求参数  open(method,url,async)

 

xmlhttprequset.open("get","http://localhost:8080/ajax_war_exploded/servletAjax","true");

 

注意这里的servletAjax是你在xml文件里所注册的那个名字

 

3.调用send方法发送请求

xmlhttprequest.send();

 

4.在send 方法前绑定onreadystatechange事件，处理请求后的操作

一般我们在处理服务端与客户端之间的数据交换时，一般转为json格式的字符串

 

        $(function (){
            $('#button1').click(function (){
                //创建ajax实例
                var ajax = new XMLHttpRequest();
                //调用open方法设置请求参数
                ajax.open("GET","http://localhost:8080/ajaxmaven_war_exploded/Baseservlet",true);
                // 接受响应 接受响应最好在发送之前，否则容易出现未知性错误
                ajax.onreadystatechange = function (){
                    if(ajax.readyState == 4 && ajax.status == 200){
                        alert(ajax.responseText);
                    }
                }
                //调用send()方法发送请求
                ajax.send();
            })
        })