码迷,mamicode.com
首页 > Web开发 > 详细

jq的ajax方法

时间:2019-10-16 13:44:45      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:地址   输入   页面   更新   搜索   应该   res   ajax   syn   

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

  

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

 

以上。

 

jq的ajax方法

标签:地址   输入   页面   更新   搜索   应该   res   ajax   syn   

原文地址:https://www.cnblogs.com/hjk1124/p/11684631.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!