网站建设资讯

NEWS

网站建设资讯

jquery调用页面,jquery怎么调用方法

怎样用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://cdweb.net/article/phhojh.html