`
ldsjdy
  • 浏览: 146771 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JQuery Ajax传递整个表单数据方法

    博客分类:
  • AJAX
阅读更多
转载至:http://webkook.com/archives/134

jQuery提倡写更少的代码,做更多的事。jQuery的Ajax是我们经常 用到的一个方法,当需要传递的数据比较少时我们可以一一的整理成 url字符串然后传递给服务器,接受返回的数据。当数据比较多时,我们再一味的用老方法整理数据传递给服务器,无疑是违背了jQuery写更少的代码的初 衷。因为jQuery的Ajax能传递整个表单的数据。
jQuery Ajax传统的传递数据的方法:

$.ajax({
type : 'post',
url : 'http://php.0312.us',
dataType : 'text', data : 'name1=' + $('#name1').val() + '&name2=' + $('#name2').val(),
success : function (xml) {alert(xml); },
error : function (xml, err) {         alert(err);     } });




上面的代码是利用jQuery Ajax向服务器(http://php.0312.us)传递name1,name2的数据;假如Form表单中有name(n)个数据,您还要一一的去整理吗?
jQuery Ajax传递整个表单数据的方法:

$.ajax({
type : 'post',
url : 'http://php.0312.us',
dataType : 'text',
data : $('#formID').serialize(),
success : function (xml) {         alert(xml);     },
error : function (xml, err) {         alert(err);     } });



jQuery serialize方法将Form表单的各数据编码并整理为一个可以提交的字符串。如:a=123&b=456&c=789
分享到:
评论

相关推荐

    ajax向springmvc传递json

    ajax向springmvc传递json,

    JQuery的Ajax中Post方法传递中文出现乱码的解决方法

    本文实例讲述了JQuery中Post传递中文出现的解决方法,即乱码ajax与jquery.ajax中文参数post传递乱码处理方法。分享给大家供大家参考。具体分析如下: 问题一: 今天在做项目时,需要用到Ajax,之前我在用GET方式传递...

    jquery+ajax实现直接提交表单实例分析

    主要介绍了jquery+ajax直接提交表单的方法,涉及jQuery调用ajax进行表单提交所涉及的表单序列化、数值传递与处理、回调函数等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    jQuery.Form实现Ajax上传文件同时设置headers的方法

    主要介绍了jQuery.Form实现Ajax上传文件同时设置headers的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    超实用的jQuery代码段

    8.16 jQuery AJAX错误的处理方法 8.17 在页面级创建全局的AJAX监听器以及状态指示器 8.18 级联AJAX数据异步加载 8.19 取消AJAX异步请求 第9章 jQuery常用算法 9.1 jQuery遍历算法 9.2 jQuery祖先算法 9.3 jQuery...

    jQuery Ajax向服务端传递数组参数值的实例代码

    在使用MVC时,向服务器端...方式一,构造表单元素,然后调用serialize()方法得到构造参数字符串 @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=devi

    jQueryTest.rar

    这里是个简单的表单验证...简单的传递一个函数给$()函数:3.jQuery让Ajax变得异常简单。使用jQuery,Ajax恐怕不能变得再简单了. jQuery有一系列的函数,可以使简单的事情变得真正简单,让复杂的事情也能变得尽可能的简单.

    jquery-1.1.3 效率提高800%

    // the options for this ajax request }cache(true) 数据类型: Boolean jQuery 1.2中新添加的参数, 如果设为false,则会强制浏览器不缓存请求的页面。 complete 数据类型: Function 当请求完成时...

    jquery-ajax-form:基于 Ajax 的表单处理。 解析常见操作的 JSON 响应,例如重定向、DOM 更新或警报

    jQuery Ajax 表单 基于 Ajax 的表单处理。 解析常见操作的 JSON 响应,例如重定向、DOM 更新或警报。 需要这是如果你不使用鲍尔列入bower_components文件夹中。 Json 响应使用进行解析,允许您通过 ajax 响应中的...

    jQuery详细教程

    jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。 通常会把 jQuery 代码放到 部分的事件处理方法中: 实例 ...

    jquery插件EasyUI中form表单提交实例分享

    之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参。 当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法...

    JQuery中Ajax()的data参数类型实例分析

    本文实例分析了JQuery中Ajax()的data参数类型。分享给大家供大家参考,具体如下: 前面简单分析介绍了《ajax中data传参的两种方式》,对于ajax参数传递方式有了初步的了解,这里就来进一步分析一下ajax中data参数的...

    解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题

    就可以正确使用ajax方法传递数据,原因就是form表单最后的提交按钮与使用ajax传递数据冲突了 因为这个原因浪费了挺久时间,甚至把代码又从头到尾写了一遍(感觉自己好蠢啊!),总结了一下调试过程。 先贴

    Jquery自动补全

    第一个“建议”根据用户输入到文本字段,这是传递到函数的功能是运行时执行Ajax请求。我们参考与输入变量“inputString'。 代码的第一部分是一个简单的if语句来检查,如果用户在文本框中输入的长度大于0。如果是的话...

    jquery基础教程高清版PDF.part5.rar

     6.3 向服务器传递数据   6.3.1 执行GET请求   6.3.2 执行POST请求   6.3.3 序列化表单   6.4 关注请求   6.5 AJAX和事件   6.5.1 限定事件绑定函数的作用域   6.5.2 利用事件冒泡   6.6 ...

    Jqury基础教程

    8.3 操作数字型表单数据 8.3.1 购物车表格结构 8.3.2 拒绝非数字输入 8.3.3 数字计算 8.3.4 删除商品 8.3.5 修改送货信息 8.3.6 完成的代码 8.4 小结 第9章 滑移和翻转 9.1 标题新闻翻转效果 9.1.1 设置...

    Practice-mini-ajax

    该表单将接收数据,然后将其传递到“最近添加的用户”部分。 如果我们添加一个新用户,它将替换前一个用户。 获取当前用户部分将点击一个api并提取其用户数据。 我们将使用我们的API,它是一个开放的API,以虚拟...

    Mvc提交表单的四种方法全程详解

    一,MVC HtmlHelper方法 1. ...2. BeginRouteForm 方法 ...三,Jquery+Ajax 提交表单 四,MVC Controller控制器和表单参数传递 MVC HtmlHelper方法 一,Html.BeginForm(actionName,controllerName,method,htmlAttrib

Global site tag (gtag.js) - Google Analytics