使用Ajax和jQuery动态发送多个值

时间:2011-01-24 20:40:09

标签: php jquery ajax

  • 我的点击量不明 纽扣。 (生成)
  • 每个按钮都连接到 应该发送的多个值 通过Ajax调用。

我发现这一点始于:

$.ajax({
    type: "POST",
    url: "some.php",
    data: parameters,
    success: function(msg){
    alert("nothing");
}
});
据我所知,

data包含参数。根据点击的按钮,我的参数会有所不同。

我的猜测是我可以在某处使用this?但是如果我需要发送3个值呢?

<input type="button" id="unique-1"> <!-- With values 'test', 3 and 5 -->
<input type="button" id="unique-2"> <!-- With values 'doh2', 8 and 6 -->

如果您需要该信息,我会使用PHP。

谢谢!

2 个答案:

答案 0 :(得分:3)

查看此fiddle。该按钮将找到它需要提交的表单,序列化数据并提醒该字符串。您只需要将该字符串用作ajax调用的数据选项的参数。

答案 1 :(得分:0)

这是另一种方式。

你可以这样做。在每个按钮中,将数据(逗号分隔)放在html数据属性中。单击一下:读取,拆分,然后将其作为对象发送。在php端,您将收到$_GET["data[]"]

的字符串数组
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>

<input type="button" class="mybutton" data-mydata="1,2,really" />

<script>
$('.mybutton').click(function() {
  var parameters = $(this).attr('data-mydata').split(',');
  $.ajax({
      type: "POST",
      url: "some.php",
      data: {data:parameters},
      success: function(msg){
        alert("nothing");
      }
  });  
});
</script>

小提琴:http://jsfiddle.net/qdH7s/