Question

I have a problem. i want to send some data to my iframe.php file..
data successfully submit but its only post first DIV data in iframe.php file..
Is there any good way to use jquery to submit multiple data with using same class? or if you give me alternative solution please give me..

I don’t know jquery too much but little bit.

My Code 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;

});

});

Answer 1

You can map those values to an array like this:

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