Question

我努力使文件链接出现在DIV内的同一页面上。当我点击链接时没有任何反应，没有链接出现..但是当我直接访问example.com/ajaxdetails.php?id=OneOftheIDs时，我可以看到链接这是我的主要HTML文件：

<script src="/jquery-1.11.2.min.js"></script>
<script>
function getSummary(id)
{
   $.ajax({

     type: "GET",
     url: "detailsajax.php",
     data: "id=" + id,
     success: function(data) {
          $('#returned-details').html(data);
     }

   });

}
</script>

PHP部分：

foreach ($pirmiRezai as $key=>$rezultatas)
    { $i++;
    echo '<div class="r">
    <a href="javascript:void(0);" onclick="getSummary('.$rezultatas['ID'].')">'.$rezultatas['desc'].'</a>
    Some unrelated php code here
    <div id="returned-details"></div>
    </div>';
    if($i>=10)
    break;
    }

detailsajax.php文件包含简单的textarea，其中包含从数据库返回的特定ID的下载链接（detailsajax.php？id = random）。我需要带有返回下载链接的html代码显示在单击的href旁边的返回详细信息DIV中。希望它清楚。

Answer 1

首先id's应该始终是唯一的，否则你可以用class属性替换它。在你的情况下，这样的东西可能有助于你交配.. :)

<强>脚本

    <script src="/jquery-1.11.2.min.js"></script>
    <script>
    $(document).ready(function() {
        $(".r a").on("click", function() {
            var id = $(this).attr("myId");
            $.ajax({

                type: "GET",
                url: "detailsajax.php",
                data: "id=" + id,
                context: this,
                success: function(data) {
                    $(this).next('.returned-details').html(data);
                }

            });
        });

    });
</script>

<强> PHP

foreach ($pirmiRezai as $key=>$rezultatas)
    { $i++;
    echo '<div class="r">
    <a href="javascript:void(0);" myId="'.$rezultatas['ID'].'">'.$rezultatas['desc'].'</a>
    Some unrelated php code here
    <div class="returned-details"></div>
    </div>';
    if($i>=10)
    break;
    }

使用div中的GET参数显示来自外部php文件的内容

1 个答案: