移动web--ajax详解.md

1.ajax

    $.ajax({
        type: "get",
        url: "js/index1.xml",
        data:'',
        async:true,
        dataType: "",
        cache:true,
        statusCode: {404: function() {
            alert('page not found');
            }
        },
        success: function(data){

            $xml = $( data );
            $title = $xml.find( 'channel' );
            console.log( $title);
        },
        error:function(){
            console.log("33");
        }
    })
});

上面是 ajax的常用参数

1.1 type:表示请求方式

http请求方式： 常用 post 或者 get 浏览器默认使用 get 方式。

也有其他的请求方式： put delete 也可以使用 但是只有部分浏览器支持

1.2 url：表示发送请求的地址。

1.3 data：发送到服务器的数据

一般采用json格式的数据

1.4 async:是否采用异步加载

默认: （true) 默认设置下，所有请求均为异步请求。
如果需要发送同步请求，请将此选项设置为 false。
注意，同步请求将锁住浏览器，用户其它操作必须等待请求完成才可以执行。

1.5 dataType:服务器返回的数据类型

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息来智能判断，比如XML MIME类型就被识别为XML。在1.4中，JSON就会生成一个JavaScript对象，而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后，传递给回调函数。可用值: 

"xml": 返回 XML 文档，可用 jQuery 处理。

"html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意：'''在远程请求时(不在同一个域下)，所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

"text": 返回纯文本字符串

1.6 cache:是否应用缓存

cache:false 将不缓存此页面。

cache:true 将不缓存此页面。

1.7statusCode:状态码

//表示返回404状态码 调用的函数
$.ajax({
  statusCode: {404: function() {
    alert('page not found');
  }
});

1.8 success 请求成功之后的回调函数

    success: function(data){
        //这里的data 就是从后台获取到的数据
        $xml = $( data );
        $title = $xml.find( 'channel' );
        console.log($title);
    }

1.9 error 请求失败之后的回调函数

    error:function(){
        console.log("33");
    }