ajax 提交form数据

前端之家收集整理的这篇文章主要介绍了ajax 提交form数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用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 编码表示文本字符串。

猜你在找的Ajax相关文章