jQuery学习笔记——ajax

<div class="letter" id="letter-a">
	<h3>
		<a href="#">A</a>
	</h3>
</div>
<div id="dictionary">
</div>

 

$(document).ready(function () {
	$("#letter-a a").click(function () {
		$.get("jqueryGet", {"term":$(this).attr('href')}, function (data) {
			$("#dictionary").html(data);
		});
		alert("test");
		return false;
	});
});

 

public class JqueryGet extends HttpServlet {

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		System.out.println("POST");
		System.out.println(request.getParameter("term"));
		
		// 返回值为字符串类型，相应的head设置为text/html
		response.setContentType("text/html;charset=UTF-8");

		PrintWriter out = response.getWriter();

		out.write("<h3 class=\"term\">ABDICATION</h3>");
	}

	// Process the HTTP Get request
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		System.out.println("GET");
		doPost(request, response);
	}

}

 

说明：

1、$.get方法的第一个参数是链接后台的URL

2、$.get方法的第二个参数是传递给后台的Parameter

3、$(this)是点击的对象，$(this).attr(‘href’)的值是’#’，$(this).text()的值是’A’

4、$.get方法的第三个参数是回调函数，参数data可以是字符串，也可以是dom对象或者json对象

5、$(“#dictionary”).html(data)相当于setHTML

6、$(“#dictionary”).html()相当于getHTML

7、alert(“test”)可能会先于回调函数执行，这就是异步调用

8、return false是为了防止单击这些链接时打开新的URL，因此在事件处理程序中必须返回false