尤其要注意的是，load方法第一个参数，url后面可以增加一个空格，然后写过滤的内容，例如，上面的我们就可以写成”url span“，就是告诉jQuery，我们得到了返回的html文档之后，仅仅是需要其中的span元素。这个是一个相当实用的方法。对于load的第二个参数，如果为空的话，jQuery会非常智能的将这次ajax采用get方法来进行传送，如果里面是含有参数的，那么就会自动的实用POST进行参数的转发。（TOBO验证，如果url的后面通过？name=value来传递函数，会实用post还是get？）。第三个参数是回调函数，其实回调函数在实际的开发当中是非常有用的，因为我们总不能保证所有的ajax请求都能得到正确的相应，这一点可以看一下jQuery的官方文档，对回调函数默认的三个参数有明确的认识，这个非常重要。
server端的DEMO代码如下：
package com.samsung.servlet;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class TestServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
doPost(req, resp);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String name = req.getParameter("name");
String address = req.getParameter("address");
StringBuffer sb = new StringBuffer();
sb.append("<div><span>hi! nice to meet you! ");
sb.append(name).append(",(");
sb.append(address).append("),");
sb.append("how are you getting along?</span></div>");
resp.getWriter().print(sb.toString());
}
}
前端的DEMO代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("#getContentByAjax").click(function(){
$("#showText").load("test span",{name:"czz",address:'address'},callBack);
});
function callBack(){
alert('Ajax finish');
}
});
</script>
</head>
<body>
<div id="showText"></div>
<input type="button" id="getContentByAjax" value="sendAjax">
</body>
</html>
jQuery_review 之 通过.load()方法来实现异步加载HTML文档,布布扣,bubuko.com
jQuery_review 之 通过.load()方法来实现异步加载HTML文档
原文：http://blog.csdn.net/ziwen00/article/details/38174779