资料来源:http://www.css88.com/jqapi-1.9/category/ajax/
只选用了几个作为例子:
$.ajax:发送一个ajax请求,需要在内部定义type(请求的方式)
$.ajaxSetup:设置ajax的默认请求参数
$(document).ajaxComplete:当有ajax请求完成的时候
$(document).ajaxError:当有ajax请求出错的时候
$(document).ajaxSuccess:当有ajax请求成功的时候
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button class="button">发送一个ajax</button>
<button class="changes">修改ajax的默认路径</button>
<button class="send_empty">发送默认的ajax</button>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
//发送ajax:路径为:https://api.douban.com/v2/book/1220562
$("body").on("click", ".button", function() {
$.ajax({
url: "https://api.douban.com/v2/book/1220562",
type: "GET",
success: function(sres) {}
})
});
//发送ajax:路径为:默认的
$("body").on("click", ".send_empty", function() {
$.ajax({
type: "GET",
success: function(sres) {}
})
});
//修改ajax的默认路径
$(document).on("click", ".changes", function() {
$.ajaxSetup({
url: "/failurl/",
global: false,
type: "POST"
});
});
//ajaxcomplete:Ajax请求完成
$(document).ajaxComplete(function(event, jqxhr, ajaxOptions) {
console.log("ajaxcomplete:Ajax请求完成");
console.log(event);
console.log(jqxhr);
console.log(ajaxOptions);
});
//ajaxError:Ajax请求出错时
$(document).ajaxError(function(event, jqxhr, ajaxsettings, thrownerror) {
console.log("ajaxerror:ajax报错了");
console.log(event);
console.log(jqxhr);
console.log(ajaxsettings);
console.log(thrownerror);
});
//ajax发送成功的时候
$(document).ajaxSuccess(function(event, jqxhr, ajaxOptions) {
console.log("ajaxcomplete:Ajax请求成功");
console.log(event);
console.log(jqxhr);
console.log(ajaxOptions);
});
</script>
</html>
代码不多,建议看页首给出的网站,这才是最有用的