【问题标题】:php ajax refresh part of page on clickphp ajax在点击时刷新页面的一部分
【发布时间】:2012-02-25 11:23:18
【问题描述】:

我希望能够点击我的 PHP 页面下方的链接,它会发送一个变量并将结果输出到页面上半部分的 <div> 标记中。

我已经链接到最新的 jquery,到目前为止,我的 <head> 中有这个:

<script type="text/javascript">
   $().ready(function() {
   $("#result").load("crimes_result.php");
   });
</script>

在我的&lt;body&gt;:

<div id="result"></div>

不过,我需要的是要显示的 div,并且取决于用户单击页面下方的链接发送的变量的结果。

点赞crimes_result.php?id=4334crimes_result.php?id=54543

我怎样才能完成我的脚本呢?

注意:我在 ajax/jquery/javascript 中没用

【问题讨论】:

  • JavaScript 中的焦点事件不这样做吗?

标签: php jquery ajax refresh


【解决方案1】:

如果我理解正确,只需从点击事件中调用 .load() 并将链接的 href 传递给它:

HTML:

&lt;a class="loadlink" href="crimes_result.php?id=4334"&gt;Click Me&lt;a&gt;

JS:

$(".loadlink").click( function(event) {
    event.preventDefault();
    $("#result").load($(this).attr("href"));
});

示例:http://jsfiddle.net/jtbowden/ueucL/1/

【讨论】:

  • 当我点击其中的链接时,它会跳转到 crime_result.php,而不是仅仅刷新带有 crime_result.php 的结果的 div
  • 您是否添加了event.preventDefault(); 并确保您拥有function(event){
  • 是的,我现在得到了我在问题中发布的内容,并按照您的建议添加了此代码。
猜你喜欢
  • 2023-04-10
  • 1970-01-01
  • 1970-01-01
  • 2013-10-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多