jQuery中的Ajax

Posted 2020-07-16 代码改变生活

一.load方法

　　只显示北加州文档的一部分,可以在URL后加个空格和一个jquery选择器,当URL加载完成后,jquery会用指定的选择器来从加载好的html中选取要显示的部分

//加载并显示天气预告的温度部分
$("#temp").load("weather_report.html #temperature");

　　除了必须的URL参数.load()方法还接受两个可选参数

//加载特定区号的天气预报
$("#temp").load("weather_report.html"," zipcode=02134");
//使用对象作为数据,并指定为华氏温度
$("#temp").load("weather_report.html",{zipcode:02134,units:‘F‘});

　　load的另一个参数是回调函数,当ajax请求成功或失败时,会调用改回调函数,如果未指定任何 数据,回调函数可以作为第二个参数传入,否则,它必须是第三个参数

二.jQuery.ajax()

jQuery.ajax({
   type: "get",    
   url: url,
   data: null,
   dataType: "script",
   success: callback    
})

　　jQuery.ajax()中的通用选项

 　　type

　　 url

　　 data:添加发送的数据,可以是字符串或对象.通常会把对象抓换成字符串

　　 dataType:指定相应数据的预期类型和jquery处理该数据的方式,合法值是"text,html,scrit,json,jsonp,xml",该选项没有默认值,当没有指定时,jquery会检查相应中的content-type头确定如何处理返回的数据

　　 contentType:指定请求的HTTP Content-Type头,默认是"application/x-www-form-urlencoded",如果type:post则需要设置该值(我怎么没有印象要设呢??~!)

　　 timeout:超时时间,单位是毫秒,若设置该项,请求会取消同时触发error回调,回调中的状态码参数为"timeout",默认时间是0,表示除非亲求完成,否者永远不会取消

　　 cache:对弈get请求,如果设置该项为false,jquery会添加一个"_="参数到url中,或者替换已经该存在的同名参数,该值是当前时间,可以禁用基于浏览器的缓存,因为每次求求的url都不一样

　　 ifModified

　　 global