`

form表单的异步提交

阅读更多

异步提交主要是用到了jquery-easyui的函数。easyui需要的包

<link rel="stylesheet" type="text/css"     href="../../css/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../css/themes/icon.css">
<script type="text/javascript" src="../../js/jquery-1.5.2.min.js"></script>
<script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../../js/easyui-lang-zh_CN.js"></script> 

 在form表单不要有submit按钮,里面设置一个<a>或者<button>,这不是一个submit按钮,给按钮绑定一个事件函数,例如saveform(),saveform()函数代码如下:

 function saveItem(){
                 //验证表单,如果通过就提交表单
	if($.formValidator.pageIsValid('1')){
                               //提交表单
	               $('#basicInfoFrom').form('submit',{
                              //地址
	              url: 'loadDetailModelType.action',
	              success: function(result){
	            	  var result = eval('('+result+')');
	                  if (!result.success){
	                      $.messager.show({
	                          title: '错误提示',
	                          msg: result.errorMsg
	                      });
	                  } else {
                                               //成功之后
	                	 alert('成功');	                  }
	              }
	          }); 
		}
      } 

 里面的验证表单需要自己写,不是自带的,我这里用的是jquery的formValidator插件,如果发现复制这个代码不能运行,先看看js包,再看看form表单的id,再看地址,还要看form中是否已经有了submit按钮。

没有效果的可以给我留言

0
0
分享到:
评论

相关推荐

    使用jQuery.form插件,实现完美的表单异步提交

    jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...

    ajaxForm异步提交表单(含图片)

    总的来说,ajaxForm异步提交表单是实现高效、流畅的用户交互的有效方式,特别是当表单包含图片或其他大文件时。通过正确配置和使用,可以极大地提高网站的性能和用户体验。在实际开发中,还需要注意跨域、安全性和...

    Jquery让form表单异步提交代码实现

    这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.监听表单提交事件,并阻止表单提交 $(form).submit...

    jquery-form 异步提交表单

    jQuery Form插件是基于jQuery的一个强大工具,它可以轻松地将任何HTML表单转换为异步提交,实现无刷新的数据交换。这个插件的核心功能是通过Ajax技术发送表单数据,无需离开当前页面,提高了用户的交互性。 ### ...

    jquery异步提交form表单

    本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...

    form表单的异步回调方法

    5. **伪Ajax(Pseudo-AJAX)**:尽管这种异步提交方式不是真正的Ajax(因为没有使用XMLHttpRequest),但它实现了类似的效果,即用户提交表单后,页面不会刷新,而是等待后台的响应。在等待期间,可以显示加载动画或...

    EXT异步提交FORM表单

    ### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...

    防止Layui form表单重复提交的实现方法

    在上述函数中,如果需要在禁止表单默认提交行为的同时,与服务器进行数据交互,则可以使用JavaScript的XMLHttpRequest或者现代的Fetch API来异步提交表单数据。使用AJAX提交表单数据的好处是,可以避免页面刷新,...

    C# post方式提交Form表单

    本篇文章将深入探讨如何在C#中通过POST方式提交Form表单,包括其原理、步骤和实际代码示例。 一、POST提交表单的基本原理 POST是HTTP协议中的一个方法,用于向服务器发送数据,特别是当数据量较大或者包含敏感信息...

    异步提交 表格异步提交

    这里我们将详细探讨异步提交的核心概念、工作原理以及如何使用Ajax进行表单异步提交。 ### 1. 异步提交简介 异步提交是基于HTTP的异步通信技术,主要通过JavaScript来实现。它使得前端与后端服务器之间的数据交换...

    表单异步提交

    页面跳转,提交参数 var form = new form_util.form({ url: uri, method: 'POST', target: '_self', params: param }); $(form).submit();

    ajax异步提交表单

    ### AJAX异步提交表单知识点解析 #### 一、AJAX技术概述 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以...

    Jquery实现表单异步提交.zip

    本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了如何在Java Web环境中运用jQuery来实现这一功能。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理...

    jquery.form.js 无刷新异步提交表单js文件

    jquery.form.js 无刷新异步提交表单js文件 /** * jQuery Form Plugin * version: 3.51.0-2014.06.20 * Requires jQuery v1.5 or later * Copyright (c) 2014 M. Alsup **/

    异步表单提交插件jquery-form.js

    异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!

    异步 提交表单请求

    在Java开发中,异步提交表单请求是一种常见的前端与后端交互方式,它通过Ajax技术实现,使得用户无需等待整个页面刷新即可完成数据的提交和获取,提升了用户体验。Ajax,全称Asynchronous JavaScript and XML(异步...

    jquery-form 表单数据异步上传,文件上传

    表单异步上传,表单中可以支持文件和数据异步上传,

    Form验证表单Form验证表单

    在网页开发中,表单(Form)验证是一个关键环节,用于确保用户输入的数据符合预设的规则和标准,从而防止无效数据的提交,提高用户体验,同时也保护了服务器资源免受恶意攻击。`Form验证表单`是这个过程的核心,本文...

Global site tag (gtag.js) - Google Analytics