`

表单异步提交

阅读更多
表单提交方式:
//ajaxSubmit
var options ={   
                    url:'xxxx.action',   
                    type:'post',                    
                    data:null,
                      success:function(data){
                        if(data.statusCode=="OK") {  
         
                           
                    }else{

                    } 
                    }   
                 };
               var form =$("form[name=form1]");//form1:表单ID  在表单界面只用这一个表单ID
            	   
              form.ajaxSubmit(options); 
//ajax方式
$.ajax({
                cache: true,
                type: "POST",
                url:ajaxCallUrl,
                data:$('#yourformid').serialize(),// 你的formid
                async: false,
                error: function(request) {
                    alert("Connection error");
                },
                success: function(data) {
                    $("#commonLayout_appcreshi").parent().html(data);
                }
            });
//可以用load来post 整个form,用serialArray(),如: 
$('#submit_button').click(function(event) {

$(this.form).load(
this.form.action,
$(this.form).serializeArray());

event.preventDefault();
this.disabled = "disabled";
});

以下是ajaxform的传送门,有兴趣可以看下
http://plugins.jquery.com/form/
doc
http://jquery.malsup.com/form/#ajaxForm
分享到:
评论

相关推荐

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

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

    Jquery实现表单异步提交.zip

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

    boa cgi 的ajax表单异步提交

    在这个“boa cgi的ajax表单异步提交”示例中,我们将探讨以下几个关键知识点: 1. ** boa HTTP服务器**:Boa是一个轻量级的HTTP服务器,适合资源有限的嵌入式系统。它支持基本的HTTP功能,如GET和POST请求,以及...

    异步提交 表格异步提交

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

    表单异步提交并实现文件上传、进度条显示等

    jquery.form.js是一款jquery插件,通过该插件并配合jquery-3.3.1.js强大的选择器功能,我们可以非常简单的实现表单的异步提交,并实现文件上传、进度条显示等等,我曾使用两者配合异步实现图片的上传及回显等功能。

    asp.net mvc3 表单提交和异步提交

    在这个框架中,表单提交和异步提交是两种重要的用户交互方式。本文将深入探讨这两种方法及其在实际开发中的应用。 首先,我们来看传统的表单提交。在ASP.NET MVC3中,表单提交是基于HTTP协议的POST或GET请求。当你...

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

    在Web开发中,jQuery是一...总的来说,jQuery的表单异步提交功能极大地提高了Web应用的交互性,使得用户无需等待页面刷新即可完成数据的提交和处理。通过熟练掌握这一技术,开发者可以创建更加流畅、响应式的网页应用。

    jquery-form 异步提交表单

    使用jQuery选择器选取你要进行异步提交的表单: ```javascript var form = $('#myForm'); ``` 2. **初始化插件** 接下来,调用`ajaxForm`或`ajaxSubmit`方法初始化插件: ```javascript form.ajaxForm(options);...

    jquery下异步提交表单 异步跨域提交表单

    在使用jQuery处理表单提交时,异步提交和跨域提交是常见的需求,本篇文章将详细介绍如何利用jQuery实现这两种表单提交方式。 ### jQuery下异步提交表单 异步提交表单指的是在不刷新页面的情况下,通过JavaScript...

    jquery异步提交form表单

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

    异步 提交表单请求

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

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

    AjaxForm是基于jQuery库的一个插件,它简化了表单的异步提交过程,支持多种类型的文件上传,包括图片。 使用ajaxForm的步骤如下: 1. **引入jQuery和ajaxForm插件**:确保在HTML文件中引入jQuery库和ajaxForm插件...

    ajax异步提交表单

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

    EXT异步提交FORM表单

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

    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 **/

    javascript方式防止表单重复提交

    3. **利用Ajax异步提交**:通过Ajax提交表单,可以在后台处理完数据后再更新页面状态,这样用户不会看到页面刷新,也就无法再次提交。在`success`回调中,可以重置表单或恢复提交按钮的状态。 4. **页面跳转或显示...

    form表单的异步回调方法

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

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

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

Global site tag (gtag.js) - Google Analytics