相较与js异步对象的繁琐,jq的ajax对象结构更加清晰
一:ajax对象简述
ajax(Asynchronous JavaScript and XML),异步的xml和js对象,主要用于在不刷新全局页面的基础上,更新局部页面,多用于表单提交,搜索更新
在jq中的ajax对象的格式为:
$.ajax({ // some code... })
js的ajax对象在此不多赘述
二:各类属性
一个完整的ajax对象起码应该有四个属性:type, url,data,success
1.type 这个是ajax发送请求时所用的格式,值为字符串类型的大写的POST或者GET
type: "GET",
2.url 这个是请求读取的文件的地址,可以是在线,也可以是本地。如果在本地,需要输入 相对路径,并确保服务器开启!
以node在线api为例:
url: "https://cnodejs.org/api/v1/topics", //url:文件路径
3.seccess 这个是ajax请求发送成功后的操作,后跟一个回调参数为result的函数,result指接收到的数据
success: function(result) { console.log(result) //result 指的的请求发送成功后接收到的数据 },
4.data 这个是发送请求后传入的数据
data: { //这里是对接收到的数据进行的一些设置
},
通常来说,有以上四个属性就已经可以完成基本的交互操作了
以上。