jQuery 使用 PHP 脚本更新 Div答案

【问题标题】：jQuery update a Div with a PHP scriptjQuery 使用 PHP 脚本更新 Div
【发布时间】：2009-09-10 19:49:40
【问题描述】：

我完全不知道该怎么做，所以我就继续问。

我想要做的是使用我在一个名为 send.php 的外部文件中的 PHP 脚本更新 div 的内容。

所以我有一个这样的 div：

<div class="classname">

</div>

我想将数据发布到这个 send.php 文件，然后用 PHP 脚本的结果更新那个 div。这个可以吗？

【问题讨论】：

标签： php jquery ajax request

【解决方案1】：

对于简单的 ajax 调用，我通常更喜欢使用 $.load，因为它的语法非常简洁。将参数作为对象（键/值对）传递将导致它使用 POST 请求：

<a href="no-script.php" class="something">Click!</a>

$(document).ready(function() {
    $('a.something').click(function(e) {
        //prevent the href from being followed
        e.preventDefault();

        //inject div.classname with the output of send.php
        $('div.classname').load('send.php', {param1: 'foo', param2: 'blah'});
    });
});

如果您不需要将其作为 POST，则可以将参数添加为查询字符串：

$('div.classname').load('send.php?param1=' + param1 + '&param2=' + param2);

【讨论】：

【解决方案2】：

<a href="#">click</a>

<script>
    $(function() {
      $("#refresh").click(function(evt) {
         $("#classname").load("send.php?data=someData")
         evt.preventDefault();
      })
    })
</script>


<div id="classname">

</div>

需要阅读的一些文档：

http://docs.jquery.com/Ajax/jQuery.post
- http://docs.jquery.com/Ajax/load

【讨论】：

【解决方案3】：

绝对！查看this 帖子，了解如何使用 jQuery 的 ajax 功能。然后你会想打电话

$.(".classname").append("Whatever results you get");

填充 div。

祝你好运！

【讨论】：