使用 jquery 操作 AJAX

2018-12-11  本文已影响0人  探索1者
$obj.load(url[,data] [,callback])

作用:远程加载数据并加载到 $obj 元素中
url:远程请求的地址
data:要传递的参数
callback:请求和响应完成之后的回调函数

function(resText, statusText){
    resText: 响应回来的文本;
    statusText: 响应回来的状态文本
}

注意:
1.字符串拼参数,采用 get 方式发送请求
2.使用JSON格式拼参数,采用 post 方式发送请求

$obj.get(url[,data] [,callback], [, type])

作用:使用get方式
url:远程请求的地址
data:要传递的参数(可选)
callback:请求和响应完成之后的回调函数

function(resText){
    resText: 响应回来的文本;
}

type:响应回来的数据的数据类型
1.html: 响应回来的文本当成 HTML 文本处理
2.text:响应回来的文本当成 text 文本处理
3.json:响应回来的文本当成 JSON 处理(转换成 js 对象)

$obj.post(url[,data] [,callback], [, type])

用法同 $.get()

$.ajax()

语法

$.ajax({});
{}: 请求的相关参数;
1.url: 字符串,表示异步请求方式的地址;
2.type: 字符串,表示请求方式 get 或 post;
3.data: 传递到服务器的参数;
    可以是字符串: "uname=wang&age=30";
    可以是 json;
4.dataType: 字符串,表示服务器响应回来的数据的格式;
1.html 2.xml 3.text 4.script 5.json 6.jsonp: 跨域时使用;
5.async: 布尔类型,表示是否采用异步方式 true是异步
6.success: 回调函数,请求和响应成功后的操作
    function(data){} data 表示响应回来的数据
7.error: 回调函数,请求或响应失败时要回来执行的操作
8.beforeSend: 回调函数,发送ajax请求之前要执行的操作 
如果 return false 则表示终止发送请求
上一篇 下一篇

猜你喜欢

热点阅读