异步提交主要是用到了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按钮。
没有效果的可以给我留言
相关推荐
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
总的来说,ajaxForm异步提交表单是实现高效、流畅的用户交互的有效方式,特别是当表单包含图片或其他大文件时。通过正确配置和使用,可以极大地提高网站的性能和用户体验。在实际开发中,还需要注意跨域、安全性和...
这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.监听表单提交事件,并阻止表单提交 $(form).submit...
jQuery Form插件是基于jQuery的一个强大工具,它可以轻松地将任何HTML表单转换为异步提交,实现无刷新的数据交换。这个插件的核心功能是通过Ajax技术发送表单数据,无需离开当前页面,提高了用户的交互性。 ### ...
本文将深入探讨“jQuery异步提交form表单”这一主题,结合给出的标签“源码”和“工具”,我们将分析相关源码,并提供实际应用中的指导。 在传统的HTML表单提交过程中,页面会跳转到服务器返回的结果页面,这在用户...
5. **伪Ajax(Pseudo-AJAX)**:尽管这种异步提交方式不是真正的Ajax(因为没有使用XMLHttpRequest),但它实现了类似的效果,即用户提交表单后,页面不会刷新,而是等待后台的响应。在等待期间,可以显示加载动画或...
### EXT异步提交FORM表单知识点详解 #### 一、EXT异步提交FORM表单概述 在现代Web应用开发中,异步提交表单是一种常见的技术手段,它能够提升用户体验,减少页面刷新带来的数据丢失风险,并能有效提高系统的响应...
在上述函数中,如果需要在禁止表单默认提交行为的同时,与服务器进行数据交互,则可以使用JavaScript的XMLHttpRequest或者现代的Fetch API来异步提交表单数据。使用AJAX提交表单数据的好处是,可以避免页面刷新,...
本篇文章将深入探讨如何在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(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以...
本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了如何在Java Web环境中运用jQuery来实现这一功能。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理...
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 **/
异步表单提交插件,MVC模式下,可以异步提交指定表单信息,虽然MVC自带有表单提交功能,但是那个是不能提交图片等文件信息的,但是这个JQ可以做到!
在Java开发中,异步提交表单请求是一种常见的前端与后端交互方式,它通过Ajax技术实现,使得用户无需等待整个页面刷新即可完成数据的提交和获取,提升了用户体验。Ajax,全称Asynchronous JavaScript and XML(异步...
表单异步上传,表单中可以支持文件和数据异步上传,
`ajaxForm()` 和 `ajaxSubmit()` 方法都是 JQuery Form 插件的一部分,它们可以用来处理表单的提交动作,实现 AJAX 异步提交。 - **`ajaxForm()` 方法**:此方法用于将表单的默认提交行为替换为 AJAX 提交行为。...