jq的ajax方法

Posted 2020-11-16 致爱丽丝

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

　　

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

 

以上。