代码之家 › 专栏 › 技术社区 › localshred

用ajax返回数据更新dom元素在jquery中失败

jquery xml html

localshred · 技术社区 · 15 年前

我正在jquery中执行一个简单的Ajax POST请求,将其发送到我站点上的另一个页面,以获取XML文档响应。我要把反应放到 pre 启用语法突出显示的元素。反应很好(我可以 alert 但不会添加到 之前 当我尝试在 handlResponse 与jquery一起使用。

<head>
<script>
   ...
   function handleResponse(response, status)
   {
      $("#output").text(response);
   }
   $.post(url, data, handleResponse, "text");
   ...
</script>
</head>

...

<pre id="output">
</pre>

为了清楚起见,上面的javascript代码在jquery的document ready函数中。任何帮助都将不胜感激。

3 回复 | 直到 15 年前

Anthony 15 年前

三件事:

是否正确传递了响应?通过在函数内部发出响应警报进行检查。
是否正确调用了函数?通过让它执行与响应变量无关的警报进行检查( alert("Yo!") )
文本是否正确插入?我可以告诉它应该工作,但是为了完全调试,添加如下三元:
```
var preText = (response != "") ? response : "The problem is with the reponse";
```

Josh Stodola 15 年前

尝试使用 html 而不是 text …

$("#output").html(response);

编辑: 如果你认为逃跑是个问题,那么下面的内容应该可以很好地避开它来显示…

response = response.replace(/</g, "&lt;");
$("#output").html(response);

localshred 15 年前

显然这是个坏问题。我正在使用javascript库 SyntaxHighlighter 并预装了突出显示在 pre 我试图使用的标签。我的解决方案是删除标记,并在Ajax响应出现时动态地创建它。除了我正在尝试确定如何将突出显示加载到动态附加的DOM元素上之外,这一点很有效。

感谢您的回复。

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前