标签：tar   修改   指定   pos   enc   zhang   cal   app   lis   

1. $.ajax()

1.1 $.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) {} // GG
});

演示

    发送请求
    

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

1.2 serialize方法

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

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

演示

2. $.get()、$.post

作用：$.get方法用于发送get请求，$.post方法用于发送post请求。

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

3. jQuery中Ajax全局事件

3.1 全局事件

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

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

3.2 NProgress

纳米级进度条

NProgress.start();  // 进度条开始运动 
NProgress.done();   // 进度条结束运动

08 $.ajax()

标签：tar   修改   指定   pos   enc   zhang   cal   app   lis   

原文地址：https://www.cnblogs.com/xujinglog/p/13186696.html