`

jquery分步注册传值问题/ajax同步

    博客分类:
  • 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;
				}
			}
		}
	});



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

相关推荐

    jquery ajax 异步传值并把值赋予在div标签内

    jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...

    通过Jquery实现Ajax传值.rar

    本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...

    Jquery 本地版引用文件 适配3.6.1版本

    &lt;script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.1.min.js"&gt;&lt;/script&gt; 官网jquery压缩版引用地址: &lt;script src="https://code.jquery.com/jquery-3.6.1.min.js"&gt;&lt;/script&gt; 下载后更改文件名,...

    jQuery滑动式分步注册表单插件

    **jQuery滑动式分步注册表单插件详解** 在网页设计中,用户注册表单是必不可少的一部分。为了提供更好的用户体验,许多开发者选择使用分步式注册表单,这种形式可以将复杂的表单拆分成几个步骤,使得用户更容易理解...

    jquery实现页面之间的传值功能

    ### jQuery 实现页面之间的传值功能 #### 一、概述 在 Web 开发中,页面间的数据传递是一项基本且重要的任务。传统的表单提交方法虽然简单有效,但在用户体验上往往不尽如人意。随着 AJAX 技术的发展,利用 ...

    jquery ajax接收后台传值

    ### jQuery AJAX 接收后台传值 在本案例中,主要介绍了如何利用jQuery AJAX技术实现根据JSP页面中下拉框的选择来动态控制显示不同的内容。这种交互方式常见于需要实时响应用户操作并从服务器获取数据的应用场景。 ...

    jquery-3.3.1.js/min.js

    在本篇文章中,我们将深入探讨jQuery 3.3.1版本,了解其在简化DOM操作、事件处理、动画效果以及Ajax请求等方面的核心功能。 一、DOM操作 jQuery的核心功能之一是提供对DOM(Document Object Model)的简洁API,...

    简单的jQuery小例子(购物车/Cookie/拖拽功能)

    简单的jQuery小例子(购物车/Cookie/拖拽功能 简单的jQuery小例子(购物车/Cookie/拖拽功能 简单的jQuery小例子(购物车/Cookie/拖拽功能 简单的jQuery小例子(购物车/Cookie/拖拽功能 简单的jQuery小例子(购物车/...

    jQuery分步指引介绍插件

    jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了JavaScript的使用,特别是在处理DOM操作、事件处理、动画效果以及Ajax交互等方面。"jQuery分步指引介绍插件"是为了帮助开发者更方便地创建交互式、逐步...

    jquery的get()方法ajax传值php实例

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本实例将深入探讨如何使用jQuery的`get()`方法进行Ajax请求,将数据传递到PHP服务器,并接收JSON格式的响应。让我们...

    jquery ajax用json传值实例asp.net

    总之,这个"jquery ajax用json传值实例 asp.net"是一个很好的学习资源,可以帮助初学者快速掌握如何在客户端和服务器之间使用AJAX和JSON进行数据交换。通过实践和理解这些基础概念,你可以进一步提升你的Web开发技能...

    jQuery Ajax向某个页面传值并取得返回的数组

    "jQuery Ajax向某个页面传值并取得返回的数组"这一主题涉及到如何使用jQuery的Ajax方法来发送请求,传递参数,并接收服务器返回的数据,特别是数组类型的数据。 首先,我们需要理解jQuery的Ajax方法`$.ajax()`,这...

    jQuery v3.5.1.zip

    - **Ajax交互**:jQuery封装了Ajax函数,如`$.ajax()`,使得与服务器的数据交换更为简便。 此外,jQuery还支持插件扩展,使得其功能更为丰富,例如用于表单验证、轮播图、日期选择器等。在毕业设计论文和计算机案例...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    最后,jQuery的Ajax功能简化了异步数据交互,.ajax()和.get()、.post()方法使得与服务器的数据通信更为便捷。 在JavaScript开发者的工作中,jQuery 3.5.1可以显著提升开发效率。它抽象了浏览器之间的差异,提供了...

    jquery封装下的ajax同步加载代码实例

    以下是对"jquery封装下的ajax同步加载代码实例"的详细解释: 首先,jQuery的$.ajax()函数是进行AJAX请求的核心方法。这个函数接受一个包含多个选项的对象作为参数,用于定制请求的各个方面。在这个实例中,我们将...

    jQuery+get/post+Ajax+Json

    在本文中,我们将深入探讨jQuery、Ajax以及Json在Web开发中的应用,特别是在数据交互方面的实践。标题"jQuery+get/post+Ajax+Json"揭示了这一技术组合如何在现代Web应用程序中实现高效的数据通信。 首先,jQuery是...

    jQuery填写表单分步步骤进度条样式代码

    本篇文章将详细讲解如何利用jQuery实现一个表单填写的分步步骤进度条样式代码,这在创建多步骤注册或购物车流程时非常有用。 首先,我们需要了解进度条的基本概念。进度条是一种可视化元素,用于表示任务或过程的...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    jQuery Ajax传值到Servlet出现乱码问题的解决方法

    总的来说,解决Ajax传值到Servlet的乱码问题需要确保每个环节的编码设置一致,从JSP页面到Ajax请求,再到Servlet的接收和响应。只有这样,才能保证数据在整个传输过程中不发生乱码。记得在排查问题时,逐步检查每个...

    jQuery Ajax 登陆和注册页面

    **jQuery Ajax 登录和注册页面详解** 在网页开发中,用户界面的交互性和用户体验是至关重要的,而Ajax技术在此方面发挥了关键作用。本教程将深入探讨如何使用jQuery和Ajax实现登录与注册页面,同时结合自动验证插件...

Global site tag (gtag.js) - Google Analytics