AJAX返回数据 - 如何使用jQuery处理它们

时间:2013-03-24 15:05:13

标签: jquery ajax dom

因此,当jQuery发出$.ajax请求时,可以使用作为参数传递给success的对象的$.ajax函数属性(函数)来处理返回的数据。作为API docs报告,如果processData属性设置为true,数据将作为字符串返回,否则作为DOM对象返回(是吗?)。

因此,我需要将数据视为简单的HTML。假设我必须在返回的数据中为每个=标记添加并附加一系列h1 s,然后用这些数据填充一个页面,就好像它们是一个纯字符串一样(为了使用它) jQuery .html()方法。)

这样做的正确方法是什么?

我发现.parseHTML() jQuery函数可以用于将返回的数据字符串解析为HTML DOM。但是我该如何对待呢?

很抱歉,在这个问题中,你有什么尝试

修改

有人提出了一个更明确的例子。我有一个.html文件,其中包含一些我想通过AJAX检索并用于填充主页内容的内容。此文件的结构为简单HTML,没有head / body标记,只有一些p和一些h1 s。通过CSS我已经使h1标签看起来与p s(预期)完全相同。 现在我想改变这个:

<h1>I'm a simple header</h1>

明文:

===================
I'm a simple header
===================

一种Unix终端风格。

1 个答案:

答案 0 :(得分:1)

编辑以下对我来说非常合作

<强>的file1.html

<script type="text/javascript">
$(document).ready(function(){
$.ajax({  
    url: 'http://voicing-up.com/test.html',  
        success: function(data) {  
                alert(data);
            alert($(data).html());
        }  
    });
});
</script>

<强>的test.html

<p>This is some data</p>
<h2>This is h2</h2

在上面的代码中,数据将返回DOM元素,从那里你可以使用jQuery的.html()函数来获取元素的innerHTML。