如何读取外部html文件并使用jQuery将其存储到字符串变量?显示错误

时间:2016-08-20 07:30:56

标签: javascript jquery html dynamic dynamic-programming

我正在尝试动态生成Web应用程序的代码
我想阅读外部HTML文件并将其存储到Javascript或Jquery中的字符串变量中? 这有什么有效的方法..?

HTML文件 - Object-text.html

<div class="text-object">
    <div class='text-area'>
        <span class='content'>
            <span class='title'> title</span><br/>
            <span class='address'>  address  </span>
        </span>
    </div>
    <div class='patch'></div>
</div>
<br class='float-clear'/>

JQUERY

$(document).ready(function()
{
  $.get("templates/object-text.html", function(html_string)
   {
      alert(html_string);  // this is not Working
   });
});

在控制台中显示错误

Docunk元素之后的垃圾

等待回复。
提前致谢

3 个答案:

答案 0 :(得分:4)

更改了JQUERY代码

我已将额外的争论添加到函数调用$ .get()以指定html内容

$(document).ready(function()
{
  $.get("templates/object-text.html", function(html_string)
   {
      alert(html_string); 
   },'html');    // this is the change now its working
});

答案 1 :(得分:1)

this verion is working fine for me you have to close `);` 
$(document).ready(function()
    {
      $.get("leads/leads_custom_box.php", function(result)
       {
          alert(result);
       });
    });

答案 2 :(得分:1)

使用jQuery

$.get("http://localhost/something/something.html", function (result) {
     html = result;
     text = $(result).text();
});