资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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://cdkjz.cn/article/phhojh.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220