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

相关问答

Q1: 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

Q2: 怎样用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的盒子！