如何处理Ajax响应文本

我有一个AJAX代码：如何处理Ajax响应文本

var req = new XMLHttpRequest(); req.open('GET', 'http://www.example.org/', false); req.send(null); if(req.status == 200) var response = http_attendance.responseText; document.getElementById('divAttendance').innerHTML = response;

当我得到的结果页面上，FF浏览器中显示了“divAttendance”的DOM元素。如果我想对结果加上一些jquery效果，我无法做到。

使用萤火虫清楚地查看DOM元素。但是，当我生成该页面的源代码时，'divAttendance'上没有repsonse文本。它是这样的空白：

<html> 
.... 
.. 
<div id="divAttendance"></div> 
.. 
.. 
</html>

如何操作或对结果进行某些处理？

来源

2011-07-05 sudin

好吧，如果你正在使用jQuery，那么你应该使用jQuery AJAX反正 http://api.jquery.com/jQuery.ajax/

无论如何，如果你是填充用AJAX响应您的DIV那么就不会出现使用“查看源文件”，而你会必须使用像萤火虫这样的工具。

你的div最初看起来应该像下面

<div id="divAttendance" style="display:none"></div>

和您的JavaScript应具有以下

..... 
document.getElementById('divAttendance').innerHTML = response; 
$("#divAttendance").show("slow");

对于这样的操作jQuery的负载是容易的，有用的功能，看看 http://api.jquery.com/load/

您的具体示例可以改写为

<html> 
.... 
IMPORT JQUERY.JS 
<script language="javascript"> 
$('#divAttendance').load('http://www.example.org/', function() { 
$("#divAttendance").show("slow"); 
});  
</script> 
.. 
<div id="divAttendance" style="display:none"></div> 
.. 
.. 
</html>

来源

2011-07-05 11:31:26 Sap

我想你还没有清楚地理解我的问题。我只在此使用了ajax。 Ajax会给我一些结果，然后我在div上显示它的id =“divAttendance” div包含表格格式的结果。我想要使用jQuery来悬停表格行，但我无法看到它在该表上的效果。当我查看源代码时：div不包含任何值。但实际来源应该是这样的：

....

SNo

Name

– sudin

您如何查看源代码？你在HTML源代码中的输出是什么？ – Sap

如何处理Ajax响应文本

回答

相关问题