ajax 提交form数据

来源:互联网 发布:滴滴快车车主软件 编辑:程序博客网 时间:2024/05/16 12:49

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

0 0
原创粉丝点击