如何获取我的jQuery AJAX php代码来更新div？

Question

我有一个jQuery调用一些PHP工作正常。 我想要做的是使用echo语句从php输出特定div的新内容。 那可能吗？

以前我曾经使用JSON编码返回div的新内容，如下所示：

$rows = array();
while($r = mysql_fetch_assoc($result))
{
        $rows[] = $r;
}

echo json_encode($rows);

但是现在我想调用一个在其他地方用来创建div内容的PHP函数，我希望它是唯一可以创建div内容的地方。

有可能做我正在尝试的事情吗？

谢谢！

Answer 1

是的，这是可能的。 请记住，jQuery success函数的参数包含后端脚本的所有输出。 只需用参数的内容替换所需容器的html即可。

PHP （someUrl.php）：

echo('<div>Hello World!</div>');

JavaScript ：

var YourDataString = '';
$.ajax({
    type: 'GET',
    url: 'someUrl.php',
    data: YourDataString,
    success: function(html) {
        $('#someContainer').html(html);
    }
});

这将把'<div> Hello World </ div>'放在元素中，其id为：someContainer

编辑

当我遇到AJAX请求的问题（比如没有出现的东西）时，如果我访问我直接调用的页面以查看正在生成的输出，它会对我有所帮助。 如果我没有打开错误报告，我只看到一个白色屏幕，那么我知道我的PHP中有一个错误，因为它没有输出任何内容。

您可以尝试在脚本中启用错误报告，以查看是否存在错误。 如果找不到一个，请将整个脚本注释掉并发出一个echo('I am here!'); 在那里，看看它使你的页面。 如果确实如此，那么您知道PHP中的某个地方存在错误。

您还可以查看浏览器的错误控制台，看看您的JavaScript是否丢失了任何错误。 如果你还不能完全理解它，那么首先尝试一个更简单的例子。 上面的代码应该有效。

Answer 2

您可以使用jquery.ajax更新php文件中的内容：

http://api.jquery.com/jQuery.ajax/

Answer 3

$rows = array();
while($r = mysql_fetch_assoc($result))
{
        $rows[] = $r;
}

echo json_encode($rows);
die();enter code here

you need to die() or exit