jq的ajax方法，jquery中ajax完整例子

相较与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: {

//这里是对接收到的数据进行的一些设置

},

通常来说，有以上四个属性就已经可以完成基本的交互操作了

以上。

本站文章为3672js教程网友分享投稿，版权归原作者，欢迎任何形式的转载，但请务必注明出处。同时文章内容如有侵犯了您的权益，请联系我们处理。

相关内容

暂无相关文章