!DOCTYPE html
创新互联长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为梅州企业提供专业的做网站、成都网站制作,梅州网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
html
head
style
body{ font-size: 12px; font-family: Arial; }
/style
script src="
/head
body
bFooter navigation:/b
ol id="new-nav"/ol
script
$("#new-nav").load("ajax/test.html #container");
/script
/body
/html
可以用jquery里面的load方法,上面的例子是在ajax/目录下找到test.html文件,把里面id为#container的div加载到该页面div为#new-nav的盒子!
按你这么说可以完全不用AJAX的
A页面--------------------------------------------------
meta http-equiv="content-type" content="text/html; charset=UTF-8"
title/title
script type="text/javascript"
function wnd(){
var reVal = window.showModalDialog('b.html');
document.getElementById('num').value = reVal;
}
/script
/head
body
a href="javascript:;" onclick="wnd()"Click/a
input type="text" id="num"
/body
/html
B页面---------------------------------------------------------
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" ""
html
head
meta http-equiv="content-type" content="text/html; charset=UTF-8"
title/title
script type="text/javascript"
function closeWnd(val){
window.returnValue = val;
window.close();
}
/script
/head
body
ul
li onclick="closeWnd(1)"1/li
li onclick="closeWnd(2)"2/li
li onclick="closeWnd(3)"3/li
/ul
/body
/html
语法如下:
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
/selectbr /
input id="load" type="button" value="Load"/
/formhr /
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