ajax简介
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
(以上摘自w3school)
这是第一次我使用ajax的jsp源文件,包括ajax.jsp和check.jsp。
<!-- ajax.jsp--> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Ajax使用</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <script type='text/javascript'> var req; function check(){ var field = document.getElementById("user"); var url = "check.jsp?id="+escape(field.value); if(window.XMLHttpRequest){ req = new XMLHttpRequest(); }else if(window.ActiveXObject){ req = new ActiveXObject("Microsoft.XMLHTTP"); } req.open("Get", url, true, null, null); req.onreadystatechange = callback; req.send(null); } function callback(){ if(req.readyState == 4){ if(req.status == 200){ document.getElementById("check").innerHTML = req.responseText; } } } </script> </head> <body > <form> <table align='center'> <tr> <td>用户名</td> <td><input type='text' id='user' οnblur='check()'/></td> <td id='check'></td> </tr> </table> </form> </body> </html>
下面是check.jsp
<%--check.jsp --%> <% response.setCharacterEncoding("utf-8"); response.setContentType("text/xml"); response.setHeader("Cache-Control","no-store"); response.setHeader("Pragma","no-cache"); response.setDateHeader("Expires", 0); response.getWriter().write("OK "); %>