日期:2014-05-16  浏览次数:20652 次

jquery分步注册传值问题/ajax同步
一、问题描述:
  用jquery实现分步注册,第一页完成后--点击下一页时需要做校验,js校验返回return能捕捉到false的话就不进入下一页;但如果用ajax异步处理时,return捕捉不到,就是return false给提示但是还是会进入下一个页面,相当郁闷!
二、问题原因:
  ajax异步提交跟网页上步骤不是同步的,所以进入下一页后才return false但已为时过完...
三、解决方法:
  把ajax设置成同步的 async:false
四、遇到的新问题:
  ajax同步后发现return的还是不能捕捉到,错误原因是<input type="button"/>标签提交的东西捕捉不到ajax返回值
解决方法1,把input标签换成<img onclick=""/>提交
或者设置一个变量,当ajax return false时把变量设置成false,再用js判断即可

具体问题如下
$("#wizard").scrollable({
		onBeforeSeek:function(event,i){
			if(i==1){
				//用if判断returnfalse的话页面不会进入第二步中
				var fnumber = $("#fnumber").val();
				if(fnumber==""){
					$.dialog({type: "warn", content: "请输入会员号!", modal: true, autoCloseTime: 3000});
					return false;
				}
				var pass=$("#initpassword").val();
				if(pass==""){
					$.dialog({type: "warn", content: "请输入初始密码!", modal: true, autoCloseTime: 3000});
					return false;
				}
				变量来获取ajax处理结果
				var $initstatus=true;
				//用ajax做的校验异步处理时,错误后仍会进入下一页面
				$.ajax({
					type:"post",
					async:false,//解决方法,设置成同步的
					url:"${base}/shop/member!ajaxRegistOne.action?sign="+2,
					data:{"member.fnumber":fnumber,"initpassword":pass},
					dataType:"json",
					success:function(result){
						if(result.status == "error") {
							$.dialog({type: "warn", content: result.message, modal: true, autoCloseTime: 3000});
							$("#initpassword").val("");
							$initstatus=false;
						} 
					}
				});
				if(!$initstatus){
					return false;
				}
			}
		}
	});



根据解决过程总结的一点,也许有的地方因为理解不透彻总结有误,望指正...