zoukankan      html  css  js  c++  java
  • JQuery Ajax传递整个表单数据方法

    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 

    转载至:http://webkook.com/archives/134

  • 相关阅读:
    DS博客作业05--树
    DS博客作业03--栈和队列
    DS博客作业02--线性表
    DS博客作业01-日期抽象数据类型设计和实现
    easyx的基础应用教程
    C语言博客作业06--结构体&文件
    python接口自动化
    fiddler的使用
    python接口自动化——初级
    python.day.10——面向对象(二)
  • 原文地址:https://www.cnblogs.com/cxyzl/p/2606142.html
Copyright © 2011-2022 走看看