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的$('#theForm').serialize()获取表单数据,ajax传递到服务器中文乱码。

var params = $('#theForm').serialize(); params = decodeURIComponent(params,true); $.ajax({...

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

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

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

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

android 用httpPost方法递交表单数据的两种方法.

在AChat项目的开发过程中,会应用到

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

当表单数据项很多时,手动获取表单项的值将变得效率低下,结合jQuery提供的函数serialize(),我们可以实现快速获取数据并提交表单数据。 请看下面的表单: form id="fm"> ...

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

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

利用Spring 框架时接收表单数据的几种方式

1. 前台主要代码 账号 ...
  • jiuba5
  • jiuba5
  • 2016-08-06 16:23
  • 4043

安卓表单数据的展示方式~!

最进公司再做一个办公类的软件,要把PC端的表单数据展示到手机上面!可以让你们看看,想象有多么恶心。数据是一个object,不是数组,也不能弄个listview去一行行的展示。刚开始就是用XML布局去写...

Javaweb获取表单数据的几种方式

Javaweb获取表单数据的几种方式一、通过键值对的形式获取表单数据 getParameter(String name):通过key,返回一个value。 getParameterValues(Str...

Struts2获取表单数据的方式

有四种方式可以获取jsp表单提交的数据:第一种:定义属性值,通过Setters方法获取 账号: 密码: <b
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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