ajax的get 和post方式發送請求
阿新 • • 發佈：2017-07-20
reat hang utf-8 util tro scheme script lencod ref
<%@ 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"> <metahttp-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方式發送請求