1. 程式人生 > >使用Ajax和JSP實現無重新整理的登入頁面

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

JSP頁面程式碼:

$(document).ready(function () {
$("button").click(function () {
$.post("/untitled/Servlet", {sname: $("#a").val(), spassword: $("#b").val()}, function (data) {
$("p").text(data)
});
$("button").text("已啟動")
})
})
姓名:
 <input type="text" name="sname" id="a">
密碼:
 <input type="password" name="spassword" id="b">
提交
style="width: 300px;height: 600px;background-color: aquamarine">
登陸狀態


Servlet程式碼:

@WebServlet(name="Servlet",urlPatterns ="/Servlet")
public class Myservlet extends HttpServlet {
public Myservlet() {
super();
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("------------------------------------");
String a=request.getParameter("sname");
String b=request.getParameter("spassword");
String data = "使用者名稱:"+a+";密碼:"+b;
response.setContentType("text/html;charset=utf-8");
response.setCharacterEncoding("UTF-8");
PrintWriter out = response.getWriter();
out.write(data);
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
}
}


結果圖如下:


相關推薦

使用AjaxJSP實現重新整理登入頁面

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

利用ajaxJSP技術實現網頁中表單的區域性重新整理(只重新整理表單資料,而不重新整理整個頁面

在web開發中有時有區域性重新整理的需求,這樣做的好處是克服了頁面整體重新整理對網路速度受限的情況。 1.MySQL資料表如下(簡單舉例): 表名:stu_info stuId                 int                    PK    NN

PHP + JavaScript + Ajax 實現重新整理頁面載入效果

今天這個實驗的思路就是實現一個無重新整理的頁面載入效果。具體的思路是使用PHP開發後臺,為前臺準備資料,然後使用Ajax技術作為資料的搬運工,將資料從伺服器端拉取到前端,最後使用JavaScript技術將獲取到的資料加工,並顯示在頁面上。 資料來源工

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

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

History配合Ajax實現重新整理頁面跳轉

一些網站頭尾內容都是一樣的,重新整理總顯得浪費。從體驗上講,點選導航,右側Ajax區域性重新整理是更優的策略。 Ajax區域性重新整理小菜,稍有經驗都能輕鬆應對。現在如果提出如下需求:每次ajax重新整理就如果頁面重新整理一樣,可以後退檢視之前內容,怎麼破?

jsp+ajax實現重新整理滑鼠離開文字框即驗證使用者名稱

歡迎大牛提意見 jsp+ajax實現無重新整理,滑鼠離開文字框即驗證使用者名稱,操作如下:新建一個輸入頁面,起名為input.jsp, [java] <%@ page contentType="text/html; charset=utf-8"%>

ajax技術實現 重新整理實現使用者登入

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="logon.ascx.cs" Inherits="userControl_logon"%><script language="javascript" type="text/

emlog實現全站pjax重新整理載入頁面

  宣告,pjax技術對SEO收錄不是很友好,大型網站慎用,限小型個人部落格體驗。 一:整合pjax的準備工作;     檢查你的網站是否引入1.7.0版本以上的jquery.js,如果沒有請全域性引入 1.新浪CDN提速: 

tp5+ajax+jq實現重新整理分頁

tp5框架裡面自帶有panigate()+rende()的方法可以超簡單的實現分頁,但是就是看著一直要重新整理很不爽,所以找了網上的好多程式碼,終於找到了一個邏輯簡單的無重新整理分頁,以下是我更改適合之後實現的效果 程式碼裡面有詳細註釋了,就不多說了,說明一下分頁查詢的原

SSM中Ajax實現非同步重新整理,前端頁面綁值。

//獲取表單的值,並進行序列化,將序列化的值傳入controller。 var cc=$("#add_menber_style").serialize(); $.ajax({ type :"PO

spring mvc + ajax實現重新整理下載檔案

JQuery的ajax函式的返回型別只有xml、text、json、html等型別,沒有“流”型別,所以我們要實現ajax下載,不能夠使用相應的ajax函式進行檔案下載。但可以用js生成一個form,用這個form提交引數,並返回“流”型別的資料。在實現過程中,

jquery通過ajaxjsp中區域性重新整理頁面

在jquery中ajax的呼叫已經非常方便了。也提供了一些新的呼叫方式。 這裡有兩個 在jsp中區域性重新整理頁面 的例子。 一種是json返回內容再拼接 html  一種是直接返回 一個jsp 到另一個jsp中 這裡的框架用的是springMVC 其它框架 類推 js

ASP.NET+Ajax+JQuey+Json資料+儲存過程實現重新整理分頁

<!--引入jquery-1.6.2--> <!--ShowPageData1.aspx頁面--> <script src="../Jquery/jquery-1.6.2.min.js" type="text/javascript">&l

PHP+AJAX實現重新整理註冊(帶使用者名稱實時檢測)程式碼

很多時候,我們在網上註冊個人資訊,在提交完頁面後,總得等待頁面重新整理來告訴我們註冊是否成功,遇到網路差的時候,如果註冊了一大串的東西,在經過漫長的等待頁面重新整理後,得到的確是“您的使用者名稱已被使用”或XXXXXXX不合法,我想大家的心情一定特別不爽,今天就介紹個AJA

jquery+ajax+servlet實現重新整理圖片上傳

需要藉助ajaxfileupload.js來實現ajax圖片上傳功能。 html部分: <body>       <input id="img" type="file" name="img">//id和name屬性必須都有且同名。。。       <input type="but

javascript專案實戰---ajax實現重新整理分頁

<?php class Pagination { private $total; //資料表中總記錄數 private $listRows; //每頁顯示行數 private $limit; //mysql 資料庫的limit private $uri; //分頁

asp.net Mvc4 使用ajax結合分頁外掛實現重新整理分頁

本文為在mvc4中使用ajax實現無重新整理分頁demo,記錄一下。 解決方案思想:頁面資料的初始載入和按頁載入都是通過ajax來進行,頁面分頁連結點選後利用ajax技術傳送當前頁碼到後端控制器,後端控制器根據當前頁碼和設定的pageSize從資料庫中取出對應頁的資料。

Echats結合Ajax實現重新整理實時投票

第一步:前臺頁面(使用Ajax獲取資料初始化顯示投票現狀並實時更新顯示):<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

如何使用ajax實現重新整理上傳

詳細程式碼如下 9.upload.html <!DOCTYPE HTML> <html> <head> <meta http-equiv="Cont

jQuery + ajax + ashx實現重新整理檔案上傳

主要分享的是jQuery + ajax的資料提交技巧,至於是不是.NET框架關係不大,大家可以用自己所用的框架處理上傳操作。 前臺介面程式碼: <form id="form1" action="#" runat="server" enctype="multipart