使用Ajax发送表单数据

时间:2011-10-07 13:17:08

标签: ajax api

我想知道是否有人知道如何从表单(在它提交到我认为的服务器之前)发送数据到api url?

我得到了我需要的网址,看起来像是:

http://api.example.com/NMSREST?random=0000000000000000&encrypt=000000000000000000&email=email@email.com&senddate=2011%2D08%2D08%2023%3A30%3A00&uidkey=email&stype=UPDATE&dyn=to:email@email.com

我认为最好的方法是使用AJAX,但我真的不知道从哪里开始。

4 个答案:

答案 0 :(得分:1)

var parameter = {     AAA: 'BBB',     CCC: 'DDD' };

$。AJAX({     网址: 'HTTP://abc.cde.com/abbb',     类型:“后”,     数据:PARAM,     数据类型: 'JSON',     成功:函数(MSG){         警报('你的成功消息');     } });

答案 1 :(得分:0)

试试这个

var param = {
    random:'0000000000000000',
    encrypt:'000000000000000000',
    email:'email@email.com',
    senddate:'2011%2D08%2D08%2023%3A30%3A00',
    uidkey:'email',
    stype:'UPDATE'
};

$.ajax({
    url:'http://api.example.com/NMSREST',
    type:'post',
    data:param,
    dataType:'json',
    success:function(msg){
        alert('YOUR SUCCESS MESSAGE');
    },
    error:function(){
        alert('Error in loading...');
    }
});

答案 2 :(得分:0)

点击事件: 像这样的东西,我可能有错字... 并且网址不完整......这只是您可以采取的路径

$('#target').click(function() {
  $.ajax({
   type: "GET",
   url: "some.php",
   data:" NMSREST?random="+$('#selector1').val()+"&encrypt="+$('#selector1').val(),
   success: function(msg){
    // alert( "Data Saved: " + msg );
   }
 });
});

答案 3 :(得分:0)

一个好的起点可能是一个称职的JavaScript库,可以帮助您管理AJAX请求。

我建议使用jQuery。它包括有用的方法来发出AJAX请求,并在提交之前从表单中获取表单数据。

根据您提供的URL判断,请求可能是GET请求,因此这里是关于使用AJAX发出GET请求的相关jQuery文档:http://api.jquery.com/jQuery.get/

对于提交数据,您可以将表单序列化为查询字符串以附加到URL,并使用此处记录的jQuery的serialize方法:http://api.jquery.com/serialize/