欢迎光临
一个有态度、有温度的分享型博客

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

背景说明:

我在一个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)代码中。

参考文章:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址