jquery的load方法调用页面问题
我是想在2.html这个文件中写一段简短的代码调用1.html中的内容<head><scripttype="text/javascript"src="jquery-1.6...
我是想在2.html这个文件中写一段简短的代码 调用1.html中的内容
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#container").load(url);
});
</script>
</head>
我把这段代码复制到了2.html中(2.html中只有这段代码 没有其他)
也下载了jquery... http://code.jquery.com/jquery-1.6.2.min.js
但是 打开2.html的时候 什么都显示不出来 请问该怎么办 展开
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#container").load(url);
});
</script>
</head>
我把这段代码复制到了2.html中(2.html中只有这段代码 没有其他)
也下载了jquery... http://code.jquery.com/jquery-1.6.2.min.js
但是 打开2.html的时候 什么都显示不出来 请问该怎么办 展开
3个回答
推荐于2017-09-29 · 知道合伙人互联网行家
关注
展开全部
语法如下:
load(url[,data][,callback]):向远程url发送异步请求,并直接将服务器响应插入当前jquery对象匹配的DOM元素之内。
代码:
index.html
<form id="user">
用户名:<input type="text" name="user" /><br />
喜欢的颜色:<select multiple="multiple" name="colors">
<option value="red">红色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
<option value="black">黑色</option>
</select><br />
<input id="load" type="button" value="Load"/>
</form><hr />
<div id="show"></div>
<script src="jquery-1.2.6.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//为id为load的按钮绑定事件处理函数
$("#load").click(function()
{
//向pro.jsp发送Ajax请求,并自动加载服务器响应
$("#show").load("pro.jsp" , $("#user").serializeArray());
});
</script>
load(url[,data][,callback]):向远程url发送异步请求,并直接将服务器响应插入当前jquery对象匹配的DOM元素之内。
代码:
index.html
<form id="user">
用户名:<input type="text" name="user" /><br />
喜欢的颜色:<select multiple="multiple" name="colors">
<option value="red">红色</option>
<option value="green">绿色</option>
<option value="blue">蓝色</option>
<option value="black">黑色</option>
</select><br />
<input id="load" type="button" value="Load"/>
</form><hr />
<div id="show"></div>
<script src="jquery-1.2.6.min.js" type="text/javascript">
</script>
<script type="text/javascript">
//为id为load的按钮绑定事件处理函数
$("#load").click(function()
{
//向pro.jsp发送Ajax请求,并自动加载服务器响应
$("#show").load("pro.jsp" , $("#user").serializeArray());
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-05-23
展开全部
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>
<body>
<div id='container'></div>
<script type="text/javascript">
$(function(){
$("#container").load(" http://9y966.com/aaa.html");
});
</script>
</body>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
</head>
<body>
<div id='container'></div>
<script type="text/javascript">
$(function(){
$("#container").load(" http://9y966.com/aaa.html");
});
</script>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2013-05-23
展开全部
同学您好,您可以检查一下是否正确1.jquery是否正确的引入2.ajax是否跨域3.是否含有id=container的标签
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询