jqAjax.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>$Title$</title>
<base href="<%=request.getContextPath()+"/"%>">
<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript">
$(function () {
$("#bu").click(function () {
/*******经典版********************/
$.ajax({
type:"post",
url:"AjaxServlet4",
data:{uname:'zs',pwd:'123'}, //或者 data:"uname=zs&pwd=123",
async:false, //默认true 异步
/*服务器返回数据类型*/
dataType:"json",
success:function (a) {
// a:就是响应的结果
},
error:function () {
alert("ajax操作失败");
}
})
/********精简版*******************/
$.post("AjaxServlet4","uname=zs&pwd=123",function (result) {
alert(result);
},"json");
$.get("AjaxServlet4","uname=zs&pwd=123",function (result) {
alert(result);
},"json");
})
})
</script>
</head>
<body>
<button id="bu">jQ结合Ajax</button>
</body>
</html>
AjaxServlet4.java
@WebServlet("/AjaxServlet4")
public class AjaxServlet4 extends HttpServlet {
@Override
protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
resp.setContentType("text/html;charset=utf-8");
String uname = req.getParameter("uname");
//普通文本
//resp.getWriter().print("Ajax响应成功");
User user=new User(1,"zs","123");
//json
String json = new Gson().toJson(user);
resp.getWriter().print(json);
}
}