/*
笔记:
load()通常用来从web服务器上获取静态的数据文件,在项目中如果需要传递一些参数给服务器中的页面,
那么可以使用$.get() 或者是 $.post() 亦或者是 $.ajax()
1、load()函数:必须使用jQuery对象
格式:load(url, [data], [callback])
参数1:url ,请求路径
参数2:data,请求参数
参数3:callback,回调函数
如果没有请求参数,发送的GET请求
如果有请求参数,发送的POST请求。请求没有中文乱码
回调函数的参数:
data,响应数据。load()永远获得字符串,如果需要使用,必须手动转换json对象。
var jsonData = eval("("+data+")");
alert(jsonData.message);
2、 $.get() 全局函数,发送get请求
格式:$.get(url,[data],[callback],[type]);
参数4:type ,返回内容格式,xml, html, script, json, text, _default。
GET请求不适合发送中文数据,存在请求的中文乱码。
必须手动解码 new String(username.getBytes("ISO-8859-1") ,"UTF-8");
响应数据,如果使用 application/json;charset=UTF-8 ,jQuery自动将数据转换json对象
响应数据,如果使用 text/html;charset=UTF-8 ,回调函数获得字符串数据,需要手动转换。
使用“参数4”,设置"json",jQuery将字符串 转换成 json对象
3、 $.post() 全局函数,发送post请求
格式:$.post(url, [data], [callback], [type])
4、$.ajax() 底层功能最强大的
格式:$.ajax([settings])
参数settings:设置所有的参数 {key1:value1,key2:value2...} json格式的数据
url:发送请求的地址
data:发送到服务器的数据,请求参数
type:请求方式 ("POST" 或 "GET"),
success:成功的回调函数,success(data, textStatus, jqXHR)
error:请求失败时调用此函数
dataType:预期服务器返回的数据类型
"xml": 返回 XML 文档,可用 jQuery 处理。
"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。
"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)
"json": 返回 JSON 数据 。
"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
"text": 返回纯文本字符串
$.ajax({
url:url,
data:params,
type:"POST",
success:function(data){
alert(data);
},
error:function(){
alert("服务器繁忙,请稍后重试");
},
dataType:"json"
});
*/
jQuery与ajax
最新推荐文章于 2021-12-09 17:21:37 发布