標籤:status inpu rip main jsp res ext back tle
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP ‘index.jsp‘ starting page</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" src="js/jquery-1.12.4.min.js"></script><script type="text/javascript">function valDateEmian(hag){//createGetHttpRequst(hag.value); createPostHttpRequst(hag.value);}var xmlHttpRequest; function createGetHttpRequst(name){xmlHttpRequest=new XMLHttpRequest();//2調用回呼函數xmlHttpRequest.onreadystatechange=callBack;//3初始化xmlhttpreqost組件xmlHttpRequest.open("GET","UserServlet?name="+name,true);//4發送請求xmlHttpRequest.send(null);}function createPostHttpRequst(name){xmlHttpRequest=new XMLHttpRequest();xmlHttpRequest.onreadystatechange=callBack;xmlHttpRequest.open("POST","UserServlet",true);xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");xmlHttpRequest.send("name="+name+"&opr=index");}//設定回呼函數function callBack(){if (xmlHttpRequest.readyState==4 && xmlHttpRequest.status==200) {var date =xmlHttpRequest.responseText;document.getElementById("emain").innerHTML=date;} }</script></head><body>郵箱 :<input type="text" onblur="valDateEmian(this)" /><span id="emain"> </span>使用者名稱 :<input type="text" /> <span id="emain"> </span>密碼 :<input type="text" /> <span id="emain"> </span></body></html>
ajax的get 和post方式發送請求