2011-10-07 63 views
1

我想知道如果有人知道如何从表单发送数据(在它提交给服务器之前我假设)到api url?用Ajax发送表单数据

我得到了我需要它看起来有些像网址:

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

我觉得去这个问题的最好方法是使用AJAX,但我真的没有从哪里开始的线索。

回答

0

试试这个

var param = { 
    random:'0000000000000000', 
    encrypt:'000000000000000000', 
    email:'[email protected]', 
    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...'); 
    } 
}); 
0

On Click事件: 这样的事情,我可能有错别字...... 和URL是不完整的......它只是一个路径,你可以采取

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

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

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

由您提供的网址来看,请求可能会是一个GET请求,所以这里的上制作与AJAX GET请求相关的jQuery的文档:http://api.jquery.com/jQuery.get/

至于提交的数据,你可以连载一个形式为一个查询字符串附加到URL与jQuery的serialize方法记载在这里:http://api.jquery.com/serialize/

1

变种参数= { AAA: 'BBB', CCC: 'DDD' };

$阿贾克斯({ 网址: 'HTTP://abc.cde.com/abbb', 类型: '后', 数据:PARAM, 数据类型: 'JSON', 成功:函数( msg){ alert('YOUR SUCCESS MESSAGE'); } });