 

当前位置：Ddmit  后端  正文

jquery.load()方法加载页面失效

2019-02-12 分类：后端阅读(2631) 评论(0) 赞(0)

背景说明：

我在一个main.jsp中想使用jquery.load方法让一个div区域载入一个页面list.html，结果发现访问main.jsp时，页面一直在请求，但是始终无法加载list.html页面，也就是jquery.load()方法不起作用。想要解决此问题，先看一下jquery.load()方法载入页面的具体用法。

语法：

load(url,data,function(response,status,xhr))

参数	描述
url	规定要将请求发送到哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
function(response,status,xhr)	可选。规定当请求完成时运行的函数。额外的参数：response :包含来自请求的结果数据 ; status : 包含请求的状态（”success”,“notmodified”, “error”, “timeout” 或 “parsererror”）； xhr : 包含 XMLHttpRequest 对象

示例：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
    $('#test').load('/test.html');
})
</script>
</head>

<body>

<div id="test"></div>
</body>
</html>

产生上述现象的原因是：我们在一个页面中载入另一个页面时，比如上面示例中的页面要载入test.html，这样如果test.html中要引入的js文件不应该放置在test.html中，而都应该放置在上面的页面(比如叫main.jsp)代码中。

参考文章：

http://www.cnblogs.com/working/p/3338326.html；
http://bbs.csdn.net/topics/340111065；
http://www.w3school.com.cn/jquery/ajax_load.asp；

赞(0)

未经允许不得转载：Ddmit » jquery.load()方法加载页面失效

分享到

相关推荐

评论抢沙发