使用Prototype和Ajax进行更新

Question

我正在使用Ajax和Prototype。在我的代码中，我需要更新div。

的内容

我的div：

<div id="update">
    1. Content_1
</div>

我的代码：

Element.update($("update"),"2.Content_2");

预期产出：

<div id="update">
    1.Content_1
    2.Content_2
</div>

如何在Ajax和Prototype中执行此操作？

Answer 1

AJAX通常意味着您正在服务器上执行脚本以获得此结果。

但是，在您的示例中，您似乎只想附加一些文字。

要附加文本，您只需将文本添加到innerHTML的末尾：

$("update").innerHTML = $("update").innerHTML + "2.Content_2";

如果您想要执行服务器脚本，我会这样做:(我暂时没有使用Prototype，事情可能已经改变了）

function getResult()
{
    var url = 'theServerScriptURL.php';
    var pars = '';
    var myAjax = new Ajax.Request(
        url, 
        {
            method: 'post', 
            parameters: {}, 
            onComplete: showResult
        });
}

function showResult(originalRequest)
{
    $("update").innerHTML = originalRequest.responseText;
}

此代码将调用'theServerScriptURL.php'并在id为'update'的div中显示结果。