Ajax無重新整理使用者登入

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

程式碼：

<%@ 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>
<title>無重新整理使用者登入</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<script>

	function getXMLHTTPRequest() {
		var xRequest = null;
		if (window.XMLHttpRequest) {
			xRequest = new XMLHttpRequest();
		}
		else if (window.ActiveXObject) {
			xRequest = new ActiveXObject("Microsoft.XMLHTTP");
		}
		return xRequest;
	}
	
	function sendRequest(req, url, params, HttpMethod) {
		if (!HttpMethod) {
			HttpMethod = "POST";
		}
		if (req) {
			req.open(HttpMethod, url, true);
			req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
			req.onreadystatechange = processRequest;
			req.send(params);
		}
	}
	//建立瀏覽器相容的XMLHttpRequest物件
	var xmlhttp = getXMLHTTPRequest();
	function dologin() {
		var name = document.getElementById("uname").value;
		var pwd = document.getElementById("upwd").value;
		if (name == "") {
			return false;
		}
		else if (pwd == "") {
			return false;
		} else {
			sendRequest(xmlhttp, "LoginServlet","username=" + name + "&userpwd=" + pwd, "POST");
		}
	}


	function processRequest() {
		if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
			var prompt = document.getElementById("login");
			var str = xmlhttp.responseText;
			if (str != 0) {
				prompt.innerHTML = "歡迎  <b>" + str + "</b>  登入。" + "<a href='login.jsp'>重新登入</a>";
			} else {
				document.getElementById("error").innerHTML = "使用者名稱或密碼錯誤";
			}

		}
	}
</script>
</head>

<body>
	<div id="login">
		<label>登入名</label> <input type="text" id="uname" value="" /><br />
		<label>密  碼</label>
		<input type="password" id="upwd" value="" />
		<label id="error"></label><br>
		<input type="button" value="登入" onclick="dologin()" />
	</div>
</body>
</html>

LoginServlet.java

package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
	public LoginServlet() {
		super();
	}

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		doPost(request, response);
	}

	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		String name = request.getParameter("username");
		String pwd = request.getParameter("userpwd");
		PrintWriter out = response.getWriter();
		if (name.equals("AJAX") && pwd.equals("AJAX"))
			out.print(name);
		else
			out.print(0);
		out.flush();
		out.close();
	}

	public void init() throws ServletException {
	}

}

截圖：

Ajax無重新整理使用者登入

程式碼： login.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLI

ThinkPHP+JQuery實現ajax無重新整理登入驗證（詳解+相關問題）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &

使用Ajax和JSP實現無重新整理的登入頁面

JSP頁面程式碼： $(document).ready(function () { $("button").click(function () { $.post("/untitled/Servlet"

ajax無重新整理呼叫struts2框架中的Action，以使用者登入驗證為例

前提條件：搭建好SSH框架；本功能依賴jar包：struts2-json-plugin-2.3.24（例）；步驟：1、匯入依賴jar包；2、編寫action；3、配置spring；4、配置struts.xml；5、編寫ajax指令碼；說明：本例關鍵詞：ajax、jqu

ajax無刷新技術

spa form mar 數據 change cati tex microsoft activex 第一步：創建ajax引擎 var xmlhttp=""; if(window.XMLHttpRequest){ xmlhttp=new XMLHttpRequest();

使用Ajax無刷新頁面登錄

fun pwd tag rip window log req ajax load <script> window.onload = function () { var myname = document.getElemen

ie8實現ajax無刷新文件上傳

col tran scrip 提取 title url public class ade ie8由於無法使用FormData，想要無刷新上傳文件就顯得比較麻煩。這裏推薦使用jQuery-File-Upload插件，它能夠很方便的解決ie8無刷新文件上傳問題。（最低兼容到ie

視訊網站開發：Ajax非同步實現已登入使用者收藏視訊的功能

已登入使用者收藏視訊的功能是各大影視網站都具備的一項功能，也叫做加入看單或加入我喜歡。這一項功能主要是為了方便已經登入的使用者可以收藏自己喜歡的視訊，在想看的時候可以直接到自己的個人介面中觀看這些自己收藏過的視訊，極大地避免了使用者因忘記視訊名

Tp框架裡進行ajax無重新整理查詢

這個ajax學的時候感覺很簡單，就沒有認真好好理解。到今天要用的時候才麻煩百出....其中一個尤為重要的問題是在拼接時出現的。還好得到了大佬的提點，才發現是自己的思路有問題（話不多說，把今天的總結一下，以後不要在出錯了......）這是最後的效果圖

ajax+springboot+mybits實現登入註冊功能

html程式碼使用者名稱：<input type="text" placeholder="使用者名稱” id="form-username"> 密碼:<input type="password" placeholder="密碼" id

Ajax 無重新整理登陸

截圖：檢視.cshtml： @{ ViewBag.Title = "LoginView"; } <!DOCTYPE html> <html> <head> <me

淺談TP5的ajax無重新整理分頁

簡單說一下如何進行TP5的ajax無重新整理分頁吧，這個功能實現的方法有千百種，或許我提供的這一種並不是最好的，但確實是很實用的。以下的例子會使用TP5自帶的分頁類來實現，無任何修改。首先來一段後臺查詢資料的程式碼，查詢出相關的資料 $list = Load

datatables.ajax.reload重新載入功能（1.10前是fnReloadAjax）

舊版reload功能 1.10版本之前，是有一個fnReloadAjax.js外掛，需要引入之後，呼叫datatables.fnReloadAjax()進行重新載入的，新版整合了這個外掛，畢竟這是常用的，關於舊版，可以看官方這個描述https://www.dat

Selenium新增Cookie模擬無驗證碼登入

最近爬蟲碰見需要用selenium模擬登入，有驗證碼滑塊+圖片點選驗證，在解決過程中發現一篇很好的示例，雖然是無驗證碼的那種，但是還不錯，先記下來！程式碼及註釋如下： #!coding=utf-8 import time from selenium import webdriver

利用ajax無重新整理驗證註冊資訊

其大概思路如下: 一.把註冊的html頁面做好(html+css) 1.不需要form表單，直接用div包著 2.需要四個標籤來顯示正確、錯誤的資訊顯示 3.不用submit提交按鈕，直接用button 如圖：二.把ajax做成一個函式，通過傳

ajax無重新整理下載檔案虛擬form

<a href="javascript:downloadFile('${msSend.attachmentAddress }','${fileName }')">${fileName }</a><br> function downlo

登入問題定位之ubuntu輸入正確密碼後重新返回登入介面

上週五組內同事搭建了一個jenkins持續整合平臺，完善了我們的安卓自動化系統。我們將產品的自動打包整合到裡面，當天系統執行正常。週一回來正準備大幹一場，突然發現系統無端關機了。OK，關機那就重啟吧，半分鐘後出現了登入介面，迫不及待的輸入密碼，［enter］，結

laravel ajax無重新整理替換圖片並改變資料表狀態值

@section('js') <script type="text/javascript"> function change(ele){ var img = $(ele).children();//得到子節點 var my

AJAX操作03_封裝ajax.js模擬使用者登入

本文分享一下ajax方法的封裝和利用ajax.js模擬使用者登入 1.ajax方法的封裝從此文http://blog.csdn.net/weixin_36185028/article/details

關於Ajax無重新整理分頁技術的一些研究 c#

小弟新手，求大神有更好的解決方案，指教下~ 以前做專案，用過GridView的重新整理分頁，也用過EasyUI的封裝好的分頁技術，最近在老專案的基礎上加新功能，迫於需求，自己沒事琢磨了個Ajax無重新整理分頁技術，也在百度看了下，寫的都不是很系統，在這裡寫個系統的，簡單的，方便大家研究下。系統支

Ajax無重新整理使用者登入

相關推薦