首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >解析ajax HTML响应,并追加结果

解析ajax HTML响应,并追加结果
EN

Stack Overflow用户
提问于 2012-09-11 10:58:56
回答 2查看 6.6K关注 0票数 1

我得到了我需要用ajax请求页面的条件。我得到的结果是HTML。解析这些HTML结果,并将解析后HTML内容附加到当前页面中。

假设此HTML内容是请求的内容:

代码语言:javascript
运行
复制
<html>
<head></head>
<body>

<div id="main">
<script type="text/javascript" src="http://script.com/js/script.js"></script>
</div>

</body>
</html> 

如何解析HTML选择器(包括javascript文本),然后将其附加到当前#main的一部分。

代码语言:javascript
运行
复制
jQuery.ajax({
    url: requestedurl,
    type : "POST",
    dataType : "text",
    success: function(data) {
        console.log(jQuery(data).find("#main"));
        // than append
    }
});

不使用jquery而使用regex进行解析是不是更好?非常感谢你的帮助。

ps :我尝试使用jquery加载结果,我得到了文本节点内容,等等。不幸的是,我不知道如何解析它。:(

EN

回答 2

Stack Overflow用户

发布于 2012-09-11 11:03:49

将您的dataType从“文本”更改为"html“

票数 1
EN

Stack Overflow用户

发布于 2012-09-11 11:40:01

您应该跳过textnode。

我进入了控制台[ Text, <div id=​"main">​</div>​, <script type=​"text/​javascript" src=​"http:​/​/​script.com/​js/​script.js"></script>​, Text]

所以只需要让jquery(data)[1]

我在test.html中尝试了与您相同的方法:

代码语言:javascript
运行
复制
<html>
<head></head>
<body>

<div id="main">
<script type="text/javascript" src="http://script.com/js/script.js"></script>
</div>

</body>
</html>

在另一个文件中

代码语言:javascript
运行
复制
    <script type="text/javascript">
    $(document).ready(function(){
       jQuery.ajax({
        url: './test.html',
        type : "POST",
        dataType : "html",
        success: function(data) {
            console.log(jQuery(data)[1]); //Then i got the main div
            // than append
        }
    });
   });
    </script>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12362126

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档