网站内容ajax显示不出来,jQuery ajax - load() 方法显示不了加载的页面内容

用户提问

//index.html

$(document).ready(function(){

$("#b01").click(function(){

$("#myDiv").load("1.txt", function() {

alert("Load was performed.");

});

});

});

通过 AJAX 改变文本

改变内容

//1.txt

123456789

推荐答案

在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别，但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。

load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式。

load()函数:

函数介绍：load(url, [data], [callback]) 返回值:jQuery

参数说明：

url:待装入 HTML 网页网址。

data:(可选参数)发送至服务器的 key/value 数据。

callback:(可选参数)载入成功时回调函数。

实例如下：

首先建立需要加载的test.html文件：

ajax演示

测试

然后建立ajax.html文件，引入jquery。

$(document).ready(function(){

$("#btn").click(function(){

$("#result").load("test.html",function(responseText,textStatus){

$("#display").append("

---

responseText:"+responseText);

$("#display").append("

---

textStatus:"+textStatus);

});

});

});

显示的内容如下：

结果：

辅助答案

用户：卡卡布丢丢丢

2016年05月13日

可以的，只是本地浏览器安全限制。

http://www.xiamiz.com/a/jiaocheng/20130306/111043.html

jQuery Ajax之load()方法

希望能帮助到你，如果还有问题请直接追问。

用户：那时雨ls

2016年07月03日

load运用：

引用jq包

javascript代码

$('#list').load("../../index.php");

div异步加载index.php