• 创建一个XMLHttpRequest 对象,用于在后台与服务器交换数据。这意味着可以在不重载的整个网页的 情况下,对网页的某部分进行更新。然后使用该对象的open方法来打开一个Http请求。
  • open(method,url,async): 规定请求的类型(get或post)、URL与是否异步(一般为true)
  • send(String): 发送请求,String仅用于post请求。

    function loadName(){
        var xmlHttp;
        if(window.XMLHttpRequest){ //检查浏览器是否存在XMLHttpRequest对象,它用于在后台与服务器交换数据
            xmlHttp=new XMLHttpRequest();
        }else{ //IE5|IE6不支持
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        //get,请求方式,中间是URL,文件在服务器上的位置,在web.xml中找到URL为getAjaxName的servlet来处理请求;true,启用异步
        xmlHttp.open("get", "getAjaxName?name=jack&age=11", true);//直接加参数
        //xmlHttp.open("post", "getAjaxName", true);//不带参数
        //xmlHttp.open("post", "getAjaxName?name=jack&age=11", true);
        xmlHttp.send();//记得要加个send才能把数据发送到后台
    }
    
  • 代码实例:HeadFirstAjaxJsonChap02->ajax.jsp、onreadystatechange.jsp
  • 注意要使用到json.lib的话就要引入很多个jar包
  • xmlHttp.open:url栏写法:xmlHttp.open(“get”, “login?action=view&userName=”+userName, true);//带action回去,userName不是一个字符串而是一个字符串对象就不要放引号里面了