jquery发送ajax请求并设置请求头,防止重复提交表单
- 一、发送请求
- 二、请求加载中效果:
一、发送请求
$.ajax({
type: 'POST',
url: "http://127.0.0.1:8080/context/save",
data: User,
beforeSend:function (request) {
// 如果后台没有跨域处理,这个自定义
request.setRequestHeader("myHeade","123456");
// 禁用按钮,防止重复提交
$("#submit").attr({ disabled: "disabled" });
},
success: function (data) {
debugger
console.log(data)
},
complete: function () {
// 放开按钮
$("#submit").removeAttr("disabled");
},
error:function(data){
console.info("error: " + data.responseText);
}
})
二、请求加载中效果:
$.ajax({
type: 'GET',
url: "http://127.0.0.1:8080/context/getList",
beforeSend:function (request) {
// 显示加载中元素
$("loading").show();
},
success: function (data) {
debugger
console.log(data)
},
complete: function () {
// 隐藏加载中...元素
$("loading").hide();
},
error:function(data){
console.info("error: " + data.responseText);
}
})
更多推荐
jquery发送ajax请求并设置请求头
发布评论