用JQUERY做大表单(多表单域)AJAX提交

    function postData() {
        var post = "";
        $(":text").each(function() {
            post += "&" + this.name + "=" + this.value;
        });
        $(":password").each(function() {
        post += "&" + this.name + "=" + this.value;
        });
        return post;
    }

    var ajaxCheck = function(dataStr) {

        $.ajax(
        {
            type: "GET",
            async: false,
            url: window.location.href,
            dataType: "json",
            data: dataStr,
            success: function(data) {
                flag = data.Result;
                message = data.Message;
                dbExists = data.Exists;
            }
        });
    }

//调用
urlStr = "type=checked" + postData();
ajaxCheck(urlStr);
时间: 2024-07-30 16:14:16

用JQUERY做大表单(多表单域)AJAX提交的相关文章

PHP jQuery Ajax提交与验证form表单详解

PHP jQuery Ajax Form 表单提交与验证实例解析,包括创建一个表单 html 页面.添加 JQuery 代码.jquery ajax 表单提交.jquery ajax 表单验证.反馈信息给用户.php ajax 表单验证,php ajax 提交表单,php ajax form 验证,php ajax 提交 form .   本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送.   1.创建一个表单 html 页面   表单部分

jquery 使用AJAX提交Form表单实例介绍

 使用AJAX提交Form表单的方法,其中主要的就是ajaxForm()和ajaxSubmit(),ajaxForm和ajaxSubmit都支持众多的选项参数,这些选项参数可以使用一个Options对象来提供.Options只是一个JavaScript对象,它包含了如下一些属性与值的集合: Options对象的详解: 1.)target 指明页面中由服务器响应进行更新的元素.元素的值可能被指定为一个jQuery选择器字符串,一个jQuery对象,或者一个DOM元素. 默认值:null. 2.)u

jQuery Validate让普通按钮触发表单验证的方法_jquery

 一般的表单校验都是直接注册在页面上的匿名函数,导致只能通过固定的提交方式触发表单校验,如果想自定义一个按钮触发表单校验如何实现呢? 目前写法: $(function(){ $("#form").validate({ rules : { user_name : { required : true }, -- }, messages : { user_name : { required : '用户名必填', }, -- } }); }); 改写方法: //编写表单验证函数validfor

jQuery制作商城购物车自动计算金额表单

非常实用的一款jQuery制作商城购物车自动计算金额表单代码,可以计算多项物品总价. function IsNumeric(sText) { var ValidChars = "0123456789."; var IsNumber=true; var Char; for (i = 0; i < sText.length && IsNumber == true; i++) { Char = sText.charAt(i); if (ValidChars.indexO

jquery序列化form表单使用ajax提交后处理返回的json数据

 这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串:    代码如下: /** 将一个字符串输出到浏览器 */     protected void writeJson(String json) {         PrintWriter pw = null;         try {             servletResponse.setContentType("text/plain;cha

jquery实现ajax提交form表单的方法总结

 本篇文章主要是对jquery实现ajax提交form表单的方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一:     代码如下: function AddHandlingFeeToRefund()           {             var AjaxURL= "../OrderManagement/AjaxModifyOrderService.aspx";                    alert($('#formAddHandlingFe

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

jQuery使用$.ajax提交表单完整实例_jquery

本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/199

jQuery ajaxSubmit 实现ajax提交表单局部刷新_jquery

AJAX简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法. AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下. 需要引入 : jquery-form.js 使用说明: Java代码 $(document).ready(function() { var options = { target: '#mydiv', // 需要刷新的区域