Ajax的基础案例2

这是基于JQuery的形式实现的Ajax案例

Hello.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>hello world</title>
<script src="js/jquery.min.js" charset="gbk"></script>
</head>
<body>
<script>
	$(document).ready(function(){
		$("button").click(function(){
			$.post("HelloServlet2",{name:"张三",sex:"male"},function(data,status){
				alert("数据：" + data + "\n状态：" + status);
			});
		});
	});
</script>
<button>向页面发送 HTTP GET 请求，然后获得返回的结果</button>

</body>
</html>

HelloServlet2.java

package servlet;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/HelloServlet2")
public class HelloServlet2 extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public HelloServlet2() {
        super();
        // TODO Auto-generated constructor stub
    }

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		response.getWriter().println("nihao");
	}
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String name=request.getParameter("name");
		response.getWriter().println("hello: "+name);
	}

}

get方法 $.get(URL,callback); post方法 $.post(URL,data,callback);

在post方法中的data可以为Json的格式，就是以键值对的形式存在 {name："zhangsan",sex:"male"}

关于Jquery对于Ajax的实现http://www.w3school.com.cn/jquery/jquery_ajax_get_post.asp

猜你喜欢