jQuery加载txt文件.html（）

Question

how can I decode the html contents of the .txt file when using the $('myDiv').load('mytxtFile.txt') ?

I know: $('<div/>').html(value).text();

In other words, How do I combine these two?

important note: the mytextFile.txt, is the container of some of codes which jenerated with ckeditor, and i want to show the content of this txt file in my html form as a html form.

the codes in my txt file is:

<p>hellohome</p>

and I want to show it as : sss hello home sss in my html page

tank you for your attantion

Answer 1

If I understand the question correctly you can do this:

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

Answer 2

You can't. load() is designed to pull fragments of HTML directly into the document. If you want to preprocess the data, then load it using $.ajax instead and write your own logic for updating the element content with success .

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

Answer 3

You can load the textfile with $.ajax and then add the text with " $('#YOURDIV').text(data) "

Example: Fiddler: 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);
    }
})

Output:

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

Note: Post is used in this example to simulate an ajax call where html is returned. See http://doc.jsfiddle.net/use/echo.html for Fiddler echo HTML Options.

For your second question: you can simply post the text with .html(data) into your div.

Code:

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

Fiddler: http://jsfiddle.net/KWpUC/

Answer 4

I think you're after something like this:

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

That'll effectively encode the html entities, return a properly formed htmlStr , which you can use to set the html() of the element.

Here's a demo fiddle