jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互这里使用的是jQuery的ajax方法
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" id="results">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery-1.11.0.min.js"></script>
<script>
$.ajax({
url: "xxx.ashx",//请求地址
data: {"name":"name","age":1},//设置参数
type: "POST",//定义请求模式,分为post跟get
//dataType: "json",//预期判断服务器返回的数据类型,如果不设置,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断
async: true,//true为异步加载数据,flase为同步加载数据发送请求时会自动锁住浏览器
cache: false,//false为不缓存;true为缓存
error: function (error) {//请求报错
//error.state返回的是请求状态
//error.statusText返回ok和Not Found
//error.responseText返回请求的数据,如果请求失败返回一个错误页面
},
success: function (msg) {//请求成功返回
document.write(msg);
},
complete: function (error) {// 当请求完成之后调用这个函数,无论成功或失败
//error.state返回的是请求状态
//error.statusText返回ok和Not Found
//error.responseText返回请求的数据,如果请求失败返回一个错误页面
}
});
</script>
</head>
<body >
</body>
</html>
jquery 里面ajax的属性比较有用的属性:
dataType: "json",//预期判断服务器返回的数据类型,如果不设置,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断
timeout:设置请求超时时间(毫秒)。此设置将覆盖全局设置。
使用ajax加载并执行一个 JS 文件。
$.ajax({
type: "GET",
url: "test.js",
dataType: "script"
});