jQuery从同一个类(div)发布DIV数据

时间:2011-11-04 10:14:52

标签: jquery ajax html

我有问题。我想将一些数据发送到我的iframe.php文件.. 数据成功提交,但它只在iframe.php文件中发布第一个DIV数据.. 有没有什么好方法可以使用jquery使用相同的类提交多个数据?或者如果你给我替代解决方案,请给我..

我不太了解jquery,但有点不知道。

我的代码HTML(DIV>

<div class='whois' data-website='1' data-ext='test'>Site 1</div> 
<div class='whois' data-website='2' data-ext='test'>Site 2</div> 
<div class='whois' data-website='3' data-ext='test'>Site 3</div> 
<span id="result"></span> 

JQuery Code。

$(".whois").click(function() {

$('#result').html("Checking...");
//var div = $(".whois"); 

var $home = $('.whois');
var domain =$home.data('website');
  var search =$home.data('ext');

    var txt = $.ajax({

        type: "POST",

        url: "iframe.php",

        data: "domain="+ domain + "&search="+ search,

        success: function(data){

             $('#result').html(data);



        }

    });

return false;

});

});

1 个答案:

答案 0 :(得分:1)

您可以将这些值映射到这样的数组:

var whoisData = $('.whois').map(function() {
     return { domain: $(this).data('website'), search: $(this).data('ext') };
}).get();

var txt = $.ajax({
    type: "POST",
    url: "iframe.php",
    data: { data: whoisData },
    success: function(data){
         $('#result').html(data);
    }
});

JSFiddle Map Example