当前位置 博文首页 > cai niaoyihao_的博客：jQuery-ajax常用参数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery-ajax常用参数</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script>
let msg = "hello"
! function(window, document, $, undefined) {
$.ajax({
type: "get",
// 请求方式，默认get，也可以为post（put/delete等仅部分浏览器可用）
url: "https://www.baidu.com/sugrec?cb=?",
// String类型，发送请求地址
timeout: 500,
// 超时设置， 默认单位毫秒， 会覆盖$.ajaxSetup()方法 的全局设置
async: true,
// 默认为true， 所有请求均为异步， 如为false， 为同步；同步将锁住浏览器，其他操作只有等待完成之后才可执行
cache: false,
// 缓存，默认为true；dataType为script时，默认为false；false时将不会从浏览器缓存中加载信息
data: {
prod: 'pc',
wd: msg
},
// 发送到服务器的数据，自动转换为字符串格式；
// get请求中附加在url后；防止自动转换-processData选项-对象设为key/value格式；
dataType: "json",
// 预期服务器返回的数据类型xml/html/script/json/jsonp/callback=?/text
beforeSend: function(before) {
console.log(before)
// return false /* 返回false， 后面的不执行， 无法获取返回值 */
},
// 发送请求前的操作，如果返回false，取消本次Ajax请求执行
// this指向调用本次Ajax请求时传递的option参数
// 状态码：0
complete: function(complete) {
console.log(complete)
},
// 请求完成后调用（无论请求是否成功）
// 状态码：4
success: function(response, textStatus) {
console.log(response, textStatus)
},
// 请求成功后调用
error: function(error, textStatus) {
console.log(error, textStatus)
},
// 请求失败时调用，如无法找到对应url
contentType: 'application / x - www - form - urlencoded',
// 发送信息至服务器时，内容编码类型，默认application---
dataFilter: function(data, type) {
console.log(data, type)
},
// 返回的原始数据进行预处理，data为返回的原始数据，type为datatype类型
jsonp: 'onJsonPload',
// 重新命名jsonp回调函数的名字，代替callback=?的形式
username: 'ljw',
password: '888',
// 用户名及密码，用于相应http访问的认证请求
processData: true
// 默认为true，发送的数据转换为对象；如果要发送DOM树等不希望转换的信息，设置false；
});
}(window, document, jQuery)
</script>
</body>
</html>
标签：jQuery，HTML，ajax，&
更多演示案例，查看 案例演示
欢迎评论留言!
cs