AJAX学习笔记

一，AJAX就是浏览器提供的一套API，可以通过JS调用，从而实现通过代码控制请求与相应。实现网络编程。

AJAX是一套API  核心提供的类型：XMLHttpRequest。

注：涉及到AJAX操作的页面，“不能”使用文件协议访问（文件的方式）。

二，ajax入门程序:
    步骤:
        1.创建一个核心对象 XMLHttpRequest

        

function createXMLHttpRequest() {

var xmlHttp;

try { // Firefox, Opera 8.0+, Safari

xmlHttp = new XMLHttpRequest();

} catch (e) {

try {// Internet Explorer

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e) {

}

}

}

 

return xmlHttp;

}

        2.编写一个回调函数

         xmlhttp.onreadystatechange=function(){
            if(xmlhttp.readyState==4 && xmlhttp.status==200){
                alert(xmlhttp.responseText);
            }
        }
        3.编写请求方式和请求的路径(open操作)
        4.发送请求(send操作)

        xmlhttp.send("post的参数")
         若有参数需要设置一个头
            xmlhttp.setRequestHeader("content-type","form表单enctype属性")
ajax-api详解
    常用属性:
        onreadystatechange:检测readyState状态改变的时候
        readyState:ajax核心对象的状态
            0:核心对象创建
            1:调用了open方法
            2:调用了send方法
            3:部分响应已经生成(没有意思)
            4:响应已经完成(使用的是这个状态)
        status:状态码
            if(xmlhttp.readyState==4 && xmlhttp.status==200){
            }
        responseText:响应回来的文本
    常用方法:
        open("请求方式","请求路径"[,"是否异步"]):设置请求的方式和请求的路径
        send(["参数"]):发送请求 参数是请求方式为post的时候的参数
        setRequestHeader("content-type","form表单enctype属性"):设置post请求的参数的类型 必须放在send方法之前.

三，jquery中的ajax

了解: jquery对象.load(url,params,function(数据){});
    ★: $.get(url,params,function(数据){},type);
        发送get请求的ajax
            url:请求的路径
            params:请求的参数 参数为key\value的形式 key=value  {"":"","":""}
            fn:回调函数 参数就是服务器发送回来的数据
            type:返回内容格式，xml, html, script, json, text, _default。    以后用"json"
 
    ★: $.post(url,params,function(数据){},type);
        发送post请求的ajax
        
        若结果为json格式,  打印返回值的时候是一个对象 
            例如若json为 {"result":"success","msg":"成功"}
            获取msg 只需要    参数.msg
    理解:
        $.ajax([选项]);
            选项的可选值:
                url:请求路径
                type:请求方法
                data:发送到服务器的数据
                success:fn 成功以后的回调
                error:fn 异常之后的回调
                dataType:返回内容格式 经常使用json
                async:设置是否是异步请求
            例如:
                $.ajax({
                    url:"/day15/demo1",
                    type:"post",
                    data:"username=tom",
                    success:function(d){
                        alert(d.msg);
                    },
                    error:function(){},
                    dataType:"json"
                    
                });

四，json
        JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。
    json格式:
        格式1:value可以为任意值
            {"key":value,"key1":value1}
        格式2:e可以为任意值
            [e1,e2]