Question

我的aspx页面中有一个空div，我在该div中生成动态内容。

<div id="book"> </div>

加载我的div内容后

<div id="book">
    <div class=’a’ style=”left: 0px ; width:469px;"> … </div>
    <div class=’b’ style=”left: 0px ; width:469px;"> … </div>
    <div class=’c’ style=”left: 0px ; width:469px;"> … </div>
</div>

我想在一个txt文件中使用html代码。基本上我的txt文件包含数据：

<div class=’a’ style=”left: 0px ; width:469px;"> … </div>
<div class=’b’ style=”left: 0px ; width:469px;"> … </div>
<div class=’c’ style=”left: 0px ; width:469px;"> … </div>

jQuery中是否有这样的功能？请帮帮我。

Answer 1

检查AJAX

它专门设计用于将内容动态加载到给定元素

中

这个链接指的是JQuery，你可以用普通的javascript来做，但随后代码扩展到你需要使用JQuery的三行

Answer 2

$.ajax({
    url : 'path/to/file.txt',
    dataType : 'html',
    success : function(html) {
        $('#book').html(html);
    }
});

Answer 3

// get contents of div, set to variable txt
var txt = $('#book').html();

// send contents of txt to asp handler,
// ie. some function that takes an input and saves it on your server
var request = $.ajax({
    type: 'POST',
    dataType : 'html',
    url: "handler.asp",
    data: txt         
});

request.done(function(data){
    // success
    console.log(data);
});

request.fail(function(jqXHR, textStatus,responseText){
    // failed
    console.log(jqXHR, textStatus,responseText)
});

如何在jQuery中的txt文件中获得动态生成的html？

3 个答案: