首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Ajax和jQuery动态发送多个值

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

Stack Overflow用户
提问于 2011-01-24 20:40:09
回答 2查看 3K关注 0票数 3
  • 我有一个未知数量的可点击按钮。(产生)
  • 每个按钮都连接到应该通过Ajax调用发送的多个值。

--我发现这是从开始的

代码语言:javascript
复制
$.ajax({
    type: "POST",
    url: "some.php",
    data: parameters,
    success: function(msg){
    alert("nothing");
}
});

据我所知,data包含参数。根据单击的按钮,我的参数是不同的。

我猜我可以在某个地方使用this吗?但是如果我需要发送3个值呢?

代码语言:javascript
复制
<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。

谢谢!

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-01-24 20:51:47

看看这个小提琴。该按钮将找到它需要提交的表单,序列化数据,并警告该字符串。然后,您只需要使用该字符串作为ajax调用的data选项的参数。

票数 4
EN

Stack Overflow用户

发布于 2011-01-24 21:07:20

这是另一种方法。

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

代码语言:javascript
复制
<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/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4786928

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档