关于jQuery ajax表单插件的问题

Question

我正在使用jQuery Form Plugin

现在我的工作正常。

我想添加一些功能。表单提交后，插件返回responseText（参见上面的链接）。我正在使用此链接更新一个div。如果我想用不同的消息更新多个div ...基本上，我想知道是否有办法获得'多个'responseText（s）。

一种方法是将我想要的所有内容放在一个responseText中然后以某种方式将其打破（使用子字符串）并更新多个div？

另外，我们如何使用jQuery向div添加一些内容？

Answer 1

这可以修改元素的innerHTML：

var elem = document.getElementby(whatever) 
$(elem).innerHTML = ...

或

$("#elemId").innerHTML = ...

如果您发送多个ajax请求，则可以返回多个responseTexts。考虑一下，如果您正在向同一台服务器发出这些请求，那么发送一个请求的流量可能会减少，并让服务器从几个不同的脚本编译答案XML，而不是几个xmlHTTPRequests，每个脚本都有不同的回调。

Answer 2

如果从服务器返回类似内容：

<div id="message1">My Message 1</div>
<div id="message2">My Message 2</div>

您可以让jQuery通过将虚拟<div>的html设置为响应文本来解析responseText：

var $response = $('<div/>').html(responseText);
var message1 = $('#message1', $response).html();
var message2 = $('#message2', $response).html();

然后您可以将消息添加到您想要的任何<div>：

$('#some_notification_div').html(message1);
$('#some_other_notification_div').html(message2);