三、jquery封装的ajax:
1、$.get(url [ ,param] [ ,function(data){ }回调函数] [ ,dataType])方法:
ajax的get请求
1>参数一: 请求资源路径
2>参数二: 向服务器传递的请求数据,字符串和json对象都可以设置请求数据
3>参数三: 回调函数,ajax请求处理完整后调用该函数,函数参数data表示
服务器向客户端响应的数据
4>参数四: 服务器向浏览器响应的数据的类型,值可以是html、text、xml、json
说明:
1>参数二、三、四都是可选的
2>参数四不写时,默认表示服务器给浏览器响应的数据是文本字符串
3>当参数四的值是html或text时,浏览器会将服务器响应的数据当做字符串
文本处理;当参数四的值是xml时,浏览器会将服务器响应的数据封装到
document对象中;当参数四的值是json时,浏览器会将服务器响应的数
据转成json对象。
2、$.post(url [ ,param] [ ,function(data){ }回调函数] [ ,dataType])方法:
ajax的post请求
1>参数一: 请求资源路径
2>参数二: 向服务器传递的请求数据,字符串和json对象都可以设置请求数据
3>参数三: 回调函数,ajax请求处理完整后调用该函数,函数参数data表示
服务器向客户端响应的数据
4>参数四: 服务器向浏览器响应的数据的类型,值可以是html、text、xml、json
说明:
1>参数二、三、四都是可选的
2>参数四不写时,默认表示服务器给浏览器响应的数据是文本字符串———————–默认是字符串文本;
3>当参数四的值是html或text时,浏览器会将服务器响应的数据当做字符串
文本处理;当参数四的值是xml时,浏览器会将服务器响应的数据封装到
document对象中;当参数四的值是json时,浏览器会将服务器响应的数
据转成json对象。
3、$.ajax({
“url” : xxx,
“data” : xxx,
“type” : xxx,
“success” : function(data){ 参数表示服务器响应数据 },
“error” : function(){ },
“dataType” : xxx
})
说明:
1>ajax()方法参数是json对象
2>url表示请求资源路径
3>data表示请求参数
4>type表示请求方式
5>success表示请求成功回调函数
6>error表示请求异常回调函数
7>dataType表示服务器响应数据格式