17-Ajax使用get/post方式，判斷使用者名稱是否重複

阿新 • • 發佈：2019-01-11

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	var xmlHttpRequest=null;
	//建立Ajax引擎
	function getXmlHttpRequest() {
			if (window.ActiveXObject) {
				//ie
				xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} else {
				//firefox
				xmlHttpRequest = new XMLHttpRequest();
			}
	}
	//檢查使用者名稱是否重複
	function checkUserName() {
		//建立ajax引擎
		getXmlHttpRequest();
		//如果ajax引擎建立成功
		if (xmlHttpRequest) {
			//第一個引數表示請求的方式get/post
			//第二個引數指定url
			//第三個引數true表示使用非同步機制
			//如果使用get方法請求，第一次進行請求，第二次從快取裡面取
// 			var url = "/Ajax/CheckUserName?username="+$("username").value;
			var url = "/Ajax/CheckUserName";
			//post提交資料
			var data="username="+$("username").value;
			//xmlHttpRequest.open("get", url, true);
			xmlHttpRequest.open("post", url, true);
			xmlHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			//回撥函式
			xmlHttpRequest.onreadystatechange =chuli;
			//傳送請求,如果是get，寫null， 可以傳引數
			//xmlHttpRequest.send(null);
			xmlHttpRequest.send(data);
		}
	}

	//回撥函式
	function chuli() {
		if (xmlHttpRequest.readyState == 4) {
			$("res").innerHTML=xmlHttpRequest.responseText;
		}
	}

	//$方法
	function $(id) {
		return document.getElementById(id);
	}
</script>
</head>
<body>
	使用者名稱:(輸入aaa重複)
	<input type="text" id="username" onkeyup="checkUserName();" />
	<span id="res" style="color: red;"></span>
</body>
</html>


import java.io.IOException;
import java.io.PrintWriter;
import java.io.Writer;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class CheckUserName
 */
@WebServlet("/CheckUserName")
public class CheckUserName extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public CheckUserName() {
        super();
    }

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setContentType("text/html; charset=utf-8");
		response.setHeader("Cache-Control", "no-cache");
		PrintWriter out=response.getWriter();
		String username=request.getParameter("username");
		if(username.equals("aaa")){
			out.print("GET:使用者名稱重複");
		}else{
			out.print("GET:使用者名稱可以使用");
		}
		out.close();
	}
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		resp.setContentType("text/html; charset=utf-8");
		resp.setHeader("Cache-Control", "no-cache");
		PrintWriter out=resp.getWriter();
		String username=req.getParameter("username");
		if(username.equals("aaa")){
			out.print("POST:使用者名稱重複");
		}else{
			out.print("POST:使用者名稱可以使用");
		}
		out.close();
	}
}

17-Ajax使用get/post方式，判斷使用者名稱是否重複

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML

HTTP 請求，POST方式，把一個對象序列化成JSON樣式作為參數訪問服務器

HTTP請求序列化對象轉JSON public static string Login(Login login){HttpWebRequest request;WebResponse response;string remoteAddress = ConfigurationManager.AppSe

Ajax案例-基於HTML，以GET或POST方式，檢查註冊使用者名稱是否在資料庫中已存在

08_register.jsp <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html&

Ajax案例-基於XML，以POST方式，完成省份-城市二級下拉聯動

<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head&g

HttpClient post方式，新增請求引數

import org.apache.http.HttpEntity; import org.apache.http.NameValuePair; import org.apach

get/post 方式，form/資料的獲取

學習Flask差不多兩個月了，說起來主要是為了幫忙做一個外包。整個過程就是不斷調整需求，看書，查文件，實踐的迴圈。參考書主要是安道翻譯《Flask Web開發：基於Python的Web應用開發實戰》。現在也是個入門級水平，對於flask request 獲取引數進行一個總結。知識點： r

在vue中使用axios發送post請求，參數方式

var end urlencode image 數據返回 resp cnblogs pos 由於後臺接收的參數格式為FormData格式，在axios中參數格式默認為，在傳參數前，將原先官方提供的格式改為如下： axios({ url: ‘../../../

自動化框架學習二，判斷定位方式

自動化學習/**判斷定位方式工具類*/public class GetByLoctorTest { /** *讀取配置文件 *@param key String 定位方式 * */ public static By getLocator(String key){

HttpClient 的GET(帶參數)、POST請求方式，工具類方法

類方法 pre operator his socket ram 斷開 || -s /** * 連接/斷開操作 post方式 * @param url * @param json */ private boolean connOrDisconnOperator(Str

續寫vim，shell腳本基礎編輯，read命令，if與case判斷語句，文件查找方式，壓縮與解壓，

退出 hist match 時間戳語法錯誤 margin 基本概念相同 reg 一、 Vim續寫 ?1、命令擴展模式的位置定界 ??起始位置 cmd 終止位置???Cmd：????y復制????d刪除????Gu變大寫????gu變小寫??例如：0y$命令意味著：

Yii 判斷是不是post方式提交的數據

數據 else 方式 class quest OS isp style 通過一、在controller裏判斷提交是不是通過post方式： 1 if(Yii::$app->request->isPost){ 2 return true; 3

python flask裏 post請求，JSON數據獲取方式總結

out ren response 獲取 post task world! json數據 appid #!flask/bin/python #encodig=utf-8 # _*_ coding:utf-8 _*_ # Writer : byz # dateTim

Spring Boot中使用thymeleaf以及各種取值，判斷，選擇，擷取等方式

Spring Boot中使用thymeleaf Spring Boot支援FreeMarker、Groovy、Thymeleaf和Mustache四種模板解析引擎，官方推薦使用Thymeleaf。 spring-boot-starter-thymeleaf 在Spring B

16.android兩種post請求，Headers方式和JSONObject方式

//首先在AndroidManifest.xml裡寫入網路許可權： <uses-permission android:name="android.permission.INTERNET"></uses-permission> //第二步寫

http 請求，get,post,put請求方式，《利用HttpClient》

簡介：利用nginx 跳過證書，然後java程式碼呼叫nginx 工具類請求程式碼： /** * httpClient的get請求方式 * * @return * @throws Exception */ public String doGe

ajax請求當傳送post方式application/json格式資料，url後面又帶有引數的時候

var url="${pageContext.request.contextPath}/json/jsonTest.do?idl=123&id=111"; $.ajax( {type : "POST", url : url, contentType:"application/jso

Linux "編寫一個shell指令碼,讓使用者輸入某個目錄名/使用者名稱，先判斷輸入名稱是否存在且是個目錄名稱"及其變式

（3）shell指令碼，提示使用者輸入一個使用者名稱，如果存在；顯示使用者UID和SHELL資訊；否則，則顯示無此使用者；顯示完成之後，提示使用者再次輸入；如果是quit則退出 https://www.cnblogs.com/wangyuebo/p/5836

vue使用axios的post提交方式，引數為陣列

做專案時，axios提交post請求，控制檯報錯，看圖意思大概就是我們url不能解析,沒有序列化吧也就是，當然不能傳送成功。這是我寫的url Axios.post('/api/order/create?token=' + token + '&goodsJson

window.open() POST 方式提交json資料，以及後臺的json序列化為物件

在匯出時候，ajax實現並不好處理，可以選擇用window.open()的方式，後臺框架選擇poi或者jxl即可，若不是太過複雜的匯出選擇jxls模板的方式最為方便。但在處理複雜的匯出報表時候我選擇是用poi框架寫呼叫poiAPI的方式實現。window.open()傳遞

java中httpclent以post方式提交請求時，http返回碼是302重定向時，不自動跳轉的處理

場景：介面A：請求地址為http://www.test.com/test 介面A的功能，會把接收到的引數url寫入到header的Location屬性中在java中，使用httpclient傳送請求，在以get方式傳送請求時，http的返回碼是200，自動處理了重定

17-Ajax使用get/post方式，判斷使用者名稱是否重複

相關推薦