怎样用jquery调用外部html

!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的盒子！

Jquery 中AJAX调用页面传值

按你这么说可以完全不用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

jquery的load方法调用页面问题

语法如下：

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

文章标题：jquery调用页面,jquery怎么调用方法
转载注明：http://ybzwz.com/article/phhojh.html