当前位置: 移动技术网 > IT编程>开发语言>Jquery > jq的ajax方法

jq的ajax方法

2019年10月16日  | 移动技术网IT编程  | 我要评论

相较与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: {
          //这里是对接收到的数据进行的一些设置
},

  

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

 

以上。

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网