1、导入jquery(必须)
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
2、ajax的使用步骤
$.ajax({
type:"post",
url:"http://localhost:8080/ssm/...",
data:{"name":"zhao","age":"20"},
cache:false,
async:false,
dataType:JSON
beforeSend:function(){
},
success:function (data) {
alert("成功");
},
error:function (data) {
alert("失败");
},
complete:function(){
}
});
2、ajax中可能用到的参数
名称 | 值/描述 |
---|
url | 规定发送请求的 URL。默认是当前页面 |
type | 规定请求的类型(GET 或 POST) |
data | 规定要发送到服务器的数据 |
dataType | 预期的服务器响应的数据类型 |
dataFilter(data,type) | 用于处理 XMLHttpRequest 原始响应数据的函数 |
async | 布尔值,表示请求是否异步处理。默认是 true |
cache | 布尔值,表示浏览器是否缓存被请求页面。默认是 true |
success(result,status,xhr) | 当请求成功时运行的函数 |
error(xhr,status,error) | 如果请求失败要运行的函数 |
complete(xhr,status) | 请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后) |
context | 为所有 AJAX 相关的回调函数规定 “this” 值 |
contentType | 发送数据到服务器时所使用的内容类型。默认是:”application/x-www-form-urlencoded”。 |
scriptCharset | 规定请求的字符集 |
processData | 布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是 true |
password | 规定在 HTTP 访问认证请求中使用的密码 |
jsonp | 在一个 jsonp 中重写回调函数的字符串 |
jsonpCallback | 在一个 jsonp 中规定回调函数的名称 |
traditional | 布尔值,规定是否使用参数序列化的传统样式 |
timeout | 设置本地的请求超时时间(以毫秒计) |
xhr | 用于创建 XMLHttpRequest 对象的函数 |
username | 规定在 HTTP 访问认证请求中使用的用户名 |
beforeSend(xhr) | 发送请求前运行的函数 |