【博学谷学习记录】超强总结，用心分享 |Ajax

1.什么是Ajax？

Ajax的全称是Asynchronous JavaScript And XML（异步JavaScript 和XML），通俗的理解就是在网页中通过XMLHttpRequest对象和服务器进行数据交互的方式，就是Ajax。

在日常上网的过程中，用户名检测，搜索提示，数据的增删改查等等都需要用户和服务器发生数据的交互，就会用到Ajax

2.怎么使用ajax（jQuery）

jQuery对Ajax的请求常用的单个方法：

        $.get()

        $.post()

        $.ajax()

3.$.get()  发起get请求，将服务器上的资源请求到客户端进行使用

语法：$.get(url,[data],[callback])

含义:

参数名	参数类型	是否必选	说明
url	string	是	要请求的资源地址
data	object	否	请求资源携带的参数
callback	function	否	请求成功后的回调函数

示例1：发起带参数的请求

$.get('http://www.baidu.com',{id:1},function(res){
    console.log(res)
    }
    ）

示例2：发起不带参数的请求

$.get('http://www.baidu.com',function(res){
    console.log(res)
    }
    ）

4.$.post() 发起post请求，用来向服务器提交数据

语法：

$.post(url, [data], [callback])

含义:

参数名	参数类型	是否必选	说明
url	string	是	提交数据的地址
data	object	否	要提交的数据
callback	function	否	数据提交成功后的回调函数

示例：

$.post(
   'http://www.baidu.com',
   { id: 1 }, 
   function(res) { 
      console.log(res)
   }
)

5.$.ajax() 发起请求，用来向服务器发起更详细的请求配置

语法：

$.ajax({
   type: '', // 请求的方式，例如 GET 或 POST
   url: '',  // 请求的 URL 地址
   data: { },// 这次请求要携带的数据
   success: function(res) { } // 请求成功之后的回调函数
})

示例1：

$.ajax({
   type: 'GET', // 请求的方式
   url: 'http://www.baidu。com',  // 请求的 URL 地址
   data: { id: 1 },// 这次请求要携带的数据
   success: function(res) { // 请求成功之后的回调函数
       console.log(res)
   }
})

示例2：

$.ajax({
   type: 'POST', // 请求的方式
   url: 'http://www.baidu。com',  // 请求的 URL 地址
   data: { id: 1 },// 这次请求要携带的数据
   success: function(res) { // 请求成功之后的回调函数
       console.log(res)
   }
})

注意：type里面的数据值可以是大写，也可以是小写