jQuery 中的 Ajax

jQuery 中的 Ajax

$.ajax()

• 作用：发送Ajax请求。

$.ajax({
     type: 'get',
     url: 'http://www.example.com',
     data: { name: 'zhangsan', age: '20' },
     contentType: 'application/x-www-form-urlencoded',
     beforeSend: function () { 
         return false
     },
     success: function (response) {},
     error: function (xhr) {}
});

• 作用：发送jsonp请求。

  $.ajax({
      url: 'http://www.example.com',
      // 指定当前发送jsonp请求
      dataType: 'jsonp',
      // 修改callback参数名称
      jsonp: 'cb',
      // 指定函数名称
      jsonCallback: 'fnName',
      success: function (response) {} 
  })
  
  

serialize方法

作用：将表单中的数据自动拼接成字符串类型的参数

var params = $('#form').serialize();
// name=zhangsan&age=30

$.get()、$.post()方法概述

$.get('http://www.example.com', {name: 'zhangsan', age: 30}, function (response) {}) 
$.post('http://www.example.com', {name: 'lisi', age: 22}, function (response) {})

全局事件

只要页面中有Ajax请求被发送，对应的全局事件就会被触发

.ajaxStart()     // 当请求开始发送时触发
.ajaxComplete()  // 当请求完成时触发