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);
	 }
 })
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐