如何在Jquery中动态选择循环生成的多个id并将它们传递给AJAX?

时间:2013-06-16 21:42:12

标签: php javascript ajax jquery

好的,我试图通过Jquery获取不同的id值,并将它们传递给Jquery AJAX,这将触及一个PHP文件,这样我就可以获得一些数据....我不知道如何获得所有的数据不同的ID因为Jquery只获取了while循环生成的许多唯一id值的第一个id ..我希望每个唯一的ID也可以传递给Jquery中的AJAX函数..你的帮助将非常感激。我还是Jquery世界的新手

<?php
require('../database/connection.php');
?>
        <script type="text/javascript">
          jQuery(document).ready(function() {
           var ID = $('div#opposition img').attr("id"); alert(ID);
           $.ajax({
            type:'GET',
            url :'get_users_images.php',
            data:'screen_name='+ ID,
            success: function(result){
             $('div#opposition img').attr('src', result);
           }
         });

         });

    </script>


    <?php
    $select2  = "SELECT * FROM AUTHORS WHERE ID <> $id";   
    $result2 = mysql_query($select2);
    $result_count = mysql_num_rows($result2);
    echo '<div id ="opposition">';
    while ($row2 = mysql_fetch_array($result2, MYSQL_ASSOC)) { 

    echo "<img id ='".$row2['Twitter']."' src='images/ajax-loader.gif' class ='image".$row2['Twitter']."'/>"; //  echos different ids, 
    }
     ?>
    </div>

2 个答案:

答案 0 :(得分:0)

你可以像这样发送 stringified id的数组 -

jQuery(document).ready(function () {
    var ID = $('div#opposition img').map(function(){
       return this.id;
    }).get();

    $.ajax({
        type: 'GET',
        url: 'get_users_images.php',
        data: { screen_name : JSON.stringify(ID)},
        success: function (result) {
            $('div#opposition img').attr('src', result);
        }
    });
});

答案 1 :(得分:0)

如果我是正确的,实际上,为什么要将php返回的图像集放在一个中 img代码,$('div#opposition img').attr('src', result);。相反,我认为你必须做类似$('div#opposition').innerHTML(result)的事情。