jquery post 提交等待 同步处理

post可以实现同步和异步,在不同的场景应用不同的方式。在引导向导中,用户提供表单应该等待服务器返回状态才能进行下一步。

 bootbox.dialog({message: "请耐心等待,正在向服务器提交任务...", });
						//提交创建任务
						console.log(‘ajax‘)

							$.ajax({
       								type: ‘POST‘,
        							url: ‘/task/testpost/‘,
        							async: false,
        							data: {

        									‘taskContent‘:$("#step2_taskcontent").text(),
        									‘taskCreatorID‘:$(‘#username‘).text(),

        									‘workers[]‘:$("#step1_workers").val(),
        									‘name‘:‘test‘,
        								},

        							success: function(data){

        								bootbox.hideAll()

										$(‘#wizard_left‘).hide()
										//return false

       								 },

       								 error: function(XMLHttpRequest, textStatus, errorThrown) {
       								 	bootbox.hideAll()
       								 	//console.log(‘error‘)
                        				//alert(XMLHttpRequest.status);
                       					 //alert(XMLHttpRequest.readyState);
                        				alert("创建服务单失败,可能是网络连接有问题,请与管理员联系。错误:"+textStatus+","+XMLHttpRequest.status+","+XMLHttpRequest.readyState);
										return false
                        			}
									//参数结束

   						 });
时间: 2024-10-01 02:23:59

jquery post 提交等待 同步处理的相关文章

(局部刷新)jquery.ajax提交并实现单个div刷新

web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的. jsp页面ajax代码如下: $("#waitWork").click(function(){ var url = "请求地址"; var data = {typ

jquery ajax提交表单数据的两种方式

jquery ajax提交表单数据的两种方式

Jquery异步提交$.ajax的使用

function test(){ var myEntity=new Object(); myEntity.pro1="xxx"; myEntity.pro2=10; $.ajax({ type: "post",//提交方式,post,get,put,delete 等 url:"http://ip:port/applicationName/action_url", data: JSON.stringify(UserChannel),//JSON.s

jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法

本文实例讲述了jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法.分享给大家供大家参考.具体实现方法如下: 这里主要通过val方法设置按钮的文字,并用attr方法修改disabled属性实现该功能. 主要代码如下: <html> <body> <form method="get" action="" target="box"> <input id="buttonid" ty

jquery ajax提交整个表单参数

转自 : http://www.jb51.net/article/35085.htm function submit(){ var formData=$("form").serialize();  $.ajax({  type: "POST",  url: "/index.aspx",  processData:true,  data:formData,  success: function(data){  $("#result&quo

jquery.validate+jquery.form提交的三种方式

原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种方式 概述:本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案. 方式一:是通过jquery.validate的submitHandler选项,即当表单通过验证时运行回调函数.在这个回调函数中通过jquery.form来提交表单: 方式二:是通过jquer

js/jquery回车提交

1.JavaScript 方法: [javascript] <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } </script> <script> document.onkeydown=function(event){ e

jquery回车提交表单

jquery回车提交表单,比较方便的功能. 三个事件keydown,keypress,keyup,分别是按下,按着没上抬,上抬键盘 ,所以用keyup. $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); }});

JQuery异步提交

JQuery提交部分 $.ajax({ url:'www.baidu.com', //提交的地址,相当于form的action type:'POST', //提交方式,相当于form的method data:$('#actor').serialize(), //提交的数据,将整个表格序列化提交 cache:false, dataType:"json", //服务器返回的数据类型 //成功后的操作 success:function(data){ //data返回的数据 if(data.s