jQuery加载txt文件.html（）

Question

使用$('myDiv').load('mytxtFile.txt')时，如何解码.txt文件的html内容？

我知道： $('<div/>').html(value).text();

换句话说，如何结合这两个？

重要说明：mytextFile.txt是用ckeditor修饰的一些代码的容器，我想以html表单的html形式显示此txt文件的内容。

我的txt文件中的代码是：

<p>hellohome</p>

我想将其显示为：html页面中的sss hello home sss

为你的失败而战

Answer 1

如果我正确理解了问题，则可以执行以下操作：

$('myDiv').load('mytxtFile.txt', function(text) {
  $(this).text(text);
});

Answer 2

你不能 load()用于将HTML片段直接拉入文档。 如果要预处理数据，请改用$.ajax加载数据，并编写自己的逻辑以success更新元素内容。

success: function (data) {
    $('myDiv').text(data);  // Note: Your selector but not one that is valid for an HTML document
}

Answer 3

您可以使用$.ajax加载文本文件，然后使用“ $('#YOURDIV').text(data)添加文本$('#YOURDIV').text(data)

示例：提琴手： http : //jsfiddle.net/ZXMha/

HTML：

JavaScript的：

$.ajax({
    url: '/echo/html/',
    type: "POST",
    data: {
        html: "<p>Text echoed back to request</p>" + "<script type='text/javascript'>$('target').highlight();<\/script>",
        delay: 0
    },
    success: function(data){
        $('#text').text(data);
    }
})

输出：

<p>Text echoed back to request</p><script type='text/javascript'>$('target').highlight();</script>

注意：在本示例中，使用Post来模拟返回html的ajax调用。 有关Fiddler回声HTML选项的信息，请参见http://doc.jsfiddle.net/use/echo.html 。

关于第二个问题：您只需将带有.html（data）的文本发布到div中。

码：

$.ajax({
    url: '/echo/html/',
    type: "POST",
    data: {
        html: "<p>hellohome</p>",
        delay: 0
    },
    success: function(data){
        $('#text').html(data);
    }
})

提琴手： http : //jsfiddle.net/KWpUC/

Answer 4

我认为您正在追求这样的事情：

 $('<div/>').load('mytextFile.txt', function(textStr) {
    var htmlStr = $(this).html(textStr).text(); 
    $(this).html(htmlStr);
 }).appendTo('form');

这将有效地编码html实体，返回格式正确的htmlStr ，您可以使用它来设置元素的html() 。

这是一个演示小提琴