应该可以把,我试过了
txt和html页都在一个路径下
下图中的111.txt、222.txt、HtmlPage2.html
<!DOCTYPE html><html xmlns="
http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(function () { $("#btn1").click(function () { htmlobj = $.ajax({ url: "111.txt", async: false }); $("#test").html(htmlobj.responseText); }); $("#btn2").click(function () { $('#test').load('222.txt'); }); }); </script></head><body> <h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3> <button id="btn1" type="button">ajax获得外部的内容</button> <button id="btn2" type="button">jquery.load()获得外部的内容</button></body></html>效果:
前一个按钮点击后(111.txt中文本内容为:测试)
后一个代码点击后(222.txt中的文本内容为:测试2)