php - 如何通过ajax从php传递动态查询字符串，结果将显示在弹出框中

Question

我需要使用 ajax 传递 php 动态查询字符串，响应将显示在模式框或弹出框中。在这里，我给出了我尝试过的一组代码。在这里，我想传递动态 url 并显示请求页面的结果。

foreach ($files1 as $file)
{
$url='http://localhot/list1/'.$file;
$var1=$var1.'<div class="submit2"><li><a  href="/localhost/list2.php?var='.$urls.'" id="test">'."submit".'</a></li></div>';

}
<script type="text/javascript">
$(function()
{
    $("#test").click(function(e)
    {

       var link=$(this);
       e.preventDefault();
       $.get("/localhost/list2.php?var="+link.attr('id'),function(response){
               $("#ajaxresponse div").fadeOut("fast", function()
               {


             $("#ajaxresponse div").html(response).fadeIn();


});   
       });             
    });
});

</script>

Answer 1

像这样试试。只是一个例子！

    <div id="ajaxresponse"><h2>Ajax Response</h2></div>
    <script src="jquery-1.9.1.js" type="text/javascript"></script>
    <?php
    $files1=array("a","b","c","d","e");
    foreach ($files1 as $key=>$file)
    {
    $url='http://localhot/list1/'.$file;
    $var1=$url.'<div class="submit2"><li><a href="#" id="test_'.$key.'" onClick="clickAct('.$key.')">'."submit".'</a></li></div>';
    echo $var1;
    }
    ?>
    <script type="text/javascript">

     function clickAct(vals)
        {
           $.get("list2.php?var="+vals,function(response){

                        $("#ajaxresponse").html(response).fadeIn();


           });             

    } 
    </script>

list2.php

    <?php
    extract($_REQUEST);
    echo "<h2>Parameter was ".$var."</h2>";
    ?>