ajax的使用写法

Ajax的标准写法

ajax是指异步JavaScript和XML

AJAX是一种用于创建快速动态网页的技术,在无需重新加载整个网页的情况下,能够更新部分网页的技术,通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新,这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

标准写法

$.ajax({
    url:"http://www.microsoft.com",    //请求的url地址
    dataType:"json",   //返回格式为json
    async:true,//请求是否异步,默认为异步,这也是ajax重要特性
    data:{"id":"value"},    //参数值
    type:"POST",   //请求方式
    beforeSend:function(){
        //请求前的处理
    },
    success:function(req){
        //请求成功时处理
    },
    complete:function(){
        //请求完成的处理
    },
    error:function(){
        //请求出错处理
    }
});

上面涉及到的参数解释:

options
类型:object
可选。AJAX请求设置。所有选项都是可选的。

async
类型:boolean
默认为true,所有请求均为异步请求。若要发送同步请求,则设为false,但是同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行。

type
类型:string
默认为get,请求方式有get和post

url
类型:string
默认是当前页地址,含义是发送请求的地址

timeout
类型:number
设置请求超时时间(单位毫秒),次设置将覆盖全局设置

beforeSend
类型:function
发送请求前可以修改XMLHttpRequest对象的函数,如添加自定义HTTP头。XMLHttpRequest对象是唯一的参数。
写法:
function (XMLHttpRequest){
this://the options for this ajax request
}

data
类型:object、string
发送到服务器的数据。
将自动转换为请求字符串格式。GET请求中将附加在URL后。
数据必须为Key/Value键值对的格式。
如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:[“bar1”, “bar2”]} 转换为 ‘&foo=bar1&foo=bar2’。

dataType
类型:string
预期服务器返回的数据类型。
可用值:
XML:返回XML文档,可用jQuery处理
html:返回纯html信息;包含的script标签会在插入dom时执行。
script:返回纯文本JavaScript代码。不会自动缓存结果,除非设置了"cache"参数。
json:返回json数据
jsonp:使用 JSONP 形式调用函数时,如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数
text:返回纯文本字符串
cache
类型:Boolean
默认为true。设置为false将不会从浏览器缓存中加载请求信息

posted @ 2019-09-16 09:57  努力加油进步  阅读(120)  评论(0)    收藏  举报