使用Ajax发送表单数据

我想知道是否有人知道如何将表单中的数据（我想是在表单提交到服务器之前）发送到api url

我得到了我需要的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，但我真的不知道从哪里开始

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...');
    }
});

试试这个

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...');
    }
});

点击事件： 像这样的，我可能有打字错误。。。 而且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 );
   }
 });
});

点击事件： 像这样的，我可能有打字错误。。。 而且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 );
   }
 });
});

---

一个好的起点可能是一个有能力的JavaScript库，它可以帮助您管理AJAX请求

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

根据您给出的URL判断，请求可能是GET请求，因此下面是关于使用AJAX发出GET请求的相关jQuery文档：

---

至于提交数据，您可以使用jQuery的序列化方法将表单序列化为查询字符串以附加到URL：

一个好的起点可能是一个有能力的JavaScript库，它可以帮助您管理AJAX请求

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

根据您给出的URL判断，请求可能是GET请求，因此下面是关于使用AJAX发出GET请求的相关jQuery文档：

至于提交数据，您可以使用jQuery的serialize方法将表单序列化为查询字符串以附加到URL：

var参数={ aaa:‘bbb’， ccc:‘ddd’ };

$.ajax({ 网址：'http://abc.cde.com/abbb', 类型：'post'， 数据：param， 数据类型：'json'， 成功：功能（msg）{ 警报（“您的成功消息”）； } });

var参数={ aaa:‘bbb’， ccc:‘ddd’ };

$.ajax({ 网址：'http://abc.cde.com/abbb', 类型：'post'， 数据：param， 数据类型：'json'， 成功：功能（msg）{ 警报（“您的成功消息”）； } });