189 8069 5689

jquery调用页面,jquery基本操作

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 中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调用外部html

!DOCTYPE html

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调用页面,jquery基本操作
转载注明:http://jkwzsj.com/article/phieeh.html

其他资讯