jquery ajax提交表单数据的两种方式

转载 2012年03月31日 10:30:24

http://www.cnblogs.com/duncannjm/archive/2009/11/23/1608940.html

 貌似AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者,当然我也要“随波逐流”一把,不然饭碗不保啊!

    之前实现AJAX使用Javascript脚本一个一个敲出来的,很繁琐。学习Jquery之后就感觉实现AJAX并不是那么的困难了,当然除了Jquery框架外还有其它的优秀框架这里我就着重说下比较流行的Jquery。Jquery AJAX提交表单有两种方式,一是url参数提交数据,二是form提交(和平常一样在后台可以获取到Form表单的值)。在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交,当然你要是想练练“打字水平”的话用第一种方式提交也未尝不可,相信开发者都不想费白劲吧!废话不多说了贴实例。

首先要下载Jquery、Jquery.form这两个插件,网上很多的!

一:Url参数提交数据

<script type ="text/javascript" src ="../js/jquery.js"></script>
<script type="text/javascript">
        
function checkCorpID()//检测客户编号是否可用
        {
            
if($.trim($("#txtF_CORPID")[0].value)=="")//txtF_CORPID是客户编号输入框
            {
                alert(
"请输入客户编号!");
            }
            
else
            {
                $(
"#checkFlag").html("正在检测");//显示提示信息
                $.ajax({
                 type: 
"get",
                 url: 
"CheckCorpID.ashx",
                 data: 
"ID="+$.trim($("#txtF_CORPID")[0].value),//提交表单,相当于CheckCorpID.ashx?ID=XXX
                 success: function(msg){$("#checkFlag").html("");alert(  msg ); }   //操作成功后的操作!msg是后台传过来的值
                }); 
            } 
        }
</script>

后台代码:

Code

jquery、js阻止表单提交的不同方法

做web开发的,写表单提交的代码那是家常便饭。既然是要提交表单,那肯定就会进行表单验证。表单验证的问题一直都是一件头疼的事情,争议也比较大。有些程序员会把验证放在服务器端,让服务器来进行验证,试想,这...
  • u010256177
  • u010256177
  • 2013年09月27日 15:26
  • 5476

form表单提交的几种方法

form表单提交的几种方法 姓名: 性别: 男 女 年龄:...
  • itmyhome
  • itmyhome
  • 2014年12月12日 21:40
  • 51531

jQuery通过AJAX快速批量提交表单数据

当表单数据项很多时,手动获取表单项的值将变得效率低下,结合jQuery提供的函数serialize(),我们可以实现快速获取数据并提交表单数据。 请看下面的表单: 姓名 ...
  • NextStand
  • NextStand
  • 2015年12月24日 16:13
  • 3403

jquery ajax提交表单数据的两种方式-

发布:dxy 字体:[增加 减小] 类型:转载 貌似AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者,当然我也要“随...
  • lisa890608
  • lisa890608
  • 2013年07月11日 10:40
  • 847

jquery ajax提交表单数据的两种方式

貌似AJAX越来越火了,作为一个WEB程序开发者要是不会这个感觉就要落伍,甚至有可能在求职的时候屡被淘汰。我也是一个WEB程序开发者,当然我也要“随波逐流”一把,不然饭碗不保啊! 之前实现AJAX使...
  • smshuxue
  • smshuxue
  • 2014年07月15日 22:32
  • 909

jquery的$('#theForm').serialize()获取表单数据,ajax传递到服务器中文乱码。

var params = $('#theForm').serialize(); params = decodeURIComponent(params,true); $.ajax({...
  • qq_30679953
  • qq_30679953
  • 2016年08月19日 18:16
  • 998

jQuery使用serialize(),serializeArray()方法取得表单数据+字符串和对象类型两种表单提交的方法

原始form表单值获取方式(手动):$.ajax({ type: "POST", url: "ajax.php", data: "Name=摘取天上星&position=IT技术",...
  • zqtsx
  • zqtsx
  • 2014年06月05日 18:57
  • 3809

ajax自动提交表单数据,经php处理返回数据

主要实现功能,通过输入卡号,姓名,查询出该公交卡号对应的余额。 前台代码如下(其中引入了一个ajax.js文件,我会把文件夹上传上去,主要实现实例化ajax)中间使用了ajax.post方法手册链接 ...
  • zpf_nevergiveup
  • zpf_nevergiveup
  • 2016年06月22日 10:14
  • 2571

【JavaEE笔记】Struts2 (二) 结果页面配置 、获取表单提交数据 、提供获取表单数据方式 、获取数据封装到集合中

本期知识点 结果页面配置 action获取表单提交数据 Struts2 提供获取表单数据方式 Struts2 获取数据封装到集合中 一. 结果页面配置 1. 全局结果页面 i...
  • fanfan_yang
  • fanfan_yang
  • 2018年01月15日 23:03
  • 16

获取表单数据的两种方法(post,get,request)

$_REQUEST 变量 PHP 的 $_REQUEST 变量包含了 $_GET, $_POST 以及 $_COOKIE 的内容。 PHP 的 $_REQUEST 变量可用来取得通过 GET 和 PO...
  • djqtdj
  • djqtdj
  • 2016年10月31日 17:37
  • 383
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery ajax提交表单数据的两种方式
举报原因:
原因补充:

(最多只允许输入30个字)