ajax 提交form数据

发布时间：2020-12-16 02:11:52 所属栏目：百科来源：网络整理

导读：使用jQuery ajax提交数据的常用用法。 $.ajax({ type: "POST",url: ajaxCallUrl,data: "Key=ValueKey2=Value2",success: function(data){alert(data);} }); 最近在写一个触屏版的web项目，有一个需求是ajax需要提交form表单数据，但是总不能每个form的input

使用jQuery ajax提交数据的常用用法。

$.ajax({
   type: "POST",url: ajaxCallUrl,data: "Key=Value&Key2=Value2",success: function(data){alert(data);}
 });

最近在写一个触屏版的web项目，有一个需求是ajax需要提交form表单数据，但是总不能每个form的input项都写一个javascript数据绑定动作。用jquery ajax可以轻松实现。示例代码如下：

$.ajax({
                type: "POST",url:ajaxCallUrl,data:$('#myformid').serialize(),// 需要为你的form设置一个formid
                success: function(data) {    //data为返回回来的数据
                    //在这里对data进行处理
                }
            });

ajax提交数据动作为POST,url顾名思义为请求地址，data为POST动作所需要提交的数据。在这里，jQuery ajax中使用serialize() 方法提交表单数据。jQuery ajax中数据以键值对（Key/Value ）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize()方法使用标准的 URL-encoded 编码表示文本字符串。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!