Ajax请求

一、什么是Ajax

1、AJAX( Asynchronous JavaScript and XML)异步的 JavaScript 和 XML。

1、AJAX 不是新的编程语言，而是一种使用现有标准的新方法。

3、AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

4、AJAX 可以使网页实现异步更新

5、AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。

Ajax的优点：局部加载，异步更新

二、创建Ajax的步骤（原理）

• 1、创建一个Ajax对象

• 2、配置请求的方式，请求的地址，是否异步

  Ajax对象 . open(请求的方式，请求的地址，是否异步)

• 3、向服务端发送请求

  Ajax对象 . send()

• 4、服务端响应，返回数据，并处理

• 5、浏览器端接收数据

• 6、渲染数据

三、 load() $.get( ) $.post() $.Ajax( )

1、地址栏传参: (query传参) ‘url?传递的参数=’+‘专递的实际参数’ + ‘&传递的参数’ + ‘专递的实际参数’

2、请求体传参: (body传参)

data

3、设置请求头

jQuery Ajax

1. jQuery load() 方法（有缺点 只能用于get请求）

   load( ‘url’，function( responseText, status,xhr) { } )方法从服务器加载数据，并把返回的数据放入被选元素中

   responseText：服务端返回的数据

   status：状态 success error

   xhr：Ajax对象

2. $.get( 'url ', function( data, status){} ) 方法通过 HTTP GET 请求从服务器上请求数据。

   data：返回数据

   status：状态 success error

3. $. post( ‘url’，params，function( data，status){}) 方法通过 HTTP POST 请求向服务器提交数据。

   params：请求的参数

   data：返回数据

   status：状态 success error

4. ajax() 方法用于执行 AJAX（异步 HTTP）请求。