今天晚自习自学了ajax。学了2个小时,终于是学到了一点皮毛。
原本网页跳转servlet处理数据,servlet把处理完的数据返回到jsp网页,这个过程需要重定向等刷新页面的方式处理。
ajax就是省去了刷新一步骤。效果还是需要跳转要处理的页面,可以传值,也有返回之后的处理。
例子:
前端ajax代码:
<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
<script type="text/javascript">
function as(){
$.ajax({
type:"get",
url:"<%=basePath%>ajx",
data:{"txt":$("#txt").val()},
success:function(resq){
$("#show").text(resq);
}
});
};
</script>
<input type="text" name="txt" value="世修" id="txt" onblur="as()" />
<span id="show"></span>
后端servlet代码:
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
String txt=req.getParameter("txt");
req.setCharacterEncoding("utf-8");
resp.setCharacterEncoding("utf-8");
if("世修".equals(txt)){
resp.getWriter().print("正确");
}else{
resp.getWriter().print("错误");
}
}
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
this.doGet(req, resp);
}