jQueryAjax学习心得

jQueryAjax使用起来非常方便,简单易用,整理了一些内容和大家分享一下:

页面代码:

  
    

    	姓名:

    	年龄:

    
    
    

  

后台代码:

package com.zb.servlet;


import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class OneServlet extends HttpServlet {

	@Override
	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		String name = request.getParameter("name");
		String age = request.getParameter("age");
		PrintWriter out = response.getWriter();
		out.print("您的姓名是:"+name+";今年"+age+"岁;");
		out.flush();
		out.close();
	}
	
}

1.使用load实现Ajax:

2.使用$.ajax({})实现Ajax:

这两种方式都可以简单的将后台响应内容在

中显示出来,只是load方法无需指定回调函数;

记得刚开始用jQueryAjax的时候代码是这样写的:

需要指定success和error属性来执行调用成功或调用失败的函数,而从jQuery1.5开始,$.ajax()方法返回的是一个叫Deferred的对象,可以通过done()方法来执行调用成功的函数,通过fail()方法来执行调用失败的函数,这两种方式其实同样都能实现想要的效果,不过就如同jQuery封装DOM对象给我们操作一样,Deferred对象也是经过封装的,统一处理回调函数的对象而已.喜欢用哪种还是仁者见仁智者见智.