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>
	</select><br />
	<input id="load" type="button" value="Load"/>
</form><hr />
<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>

向pro.jsp發送異步請求，並自動加載服務器返回的值，其中第二個參數data代表發送請求的參數，這裏是指將jquery對象包含的表單或表單控件轉化成一個數組，（即id爲user的表單轉換成數組，並傳到服務器），jsp代碼如下：

<%@ page contentType="text/html; charset=GBK" language="java" %>
<%
//獲取請求參數
String user = request.getParameter("user");
String[] colors = request.getParameterValues("colors");
//生成HTML字符串響應
out.println(user + ",您好，現在時間是:" + new java.util.Date());
out.println("<br />您喜歡的顏色如下：");
out.println("<ol>");
for(int i = 0 ; i < colors.length ; i++)
{
	out.println("<li>" + colors[i] + "</li>");
}
out.println("</ol>");
%>

運行後結果如下：

假如load("pro.jsp" , $("#user").serializeArray())中沒有傳入這data，則在jsp裏

String[] colors = request.getParameterValues("colors");將取不到此表單