第一次使用Ajax

本文轉載自查看原文 2012-05-27 23:49 6651 Java學習筆記

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' onblur='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 ");
 %>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 第一次使用Layui 分頁第一次使用PyGraphviz繪圖 tp6的第一次使用第一次使用HSDB 第一次安裝和使用suricata 使用ajax登錄驗證，第一次點擊登錄按鈕無反應，第二次點擊才能進去。第一次個人作業第一次作業第一次作業第一次作業