使用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 { } }
結果圖如下:
相關推薦
使用Ajax和JSP實現無重新整理的登入頁面
JSP頁面程式碼: $(document).ready(function () { $("button").click(function () { $.post("/untitled/Servlet"
利用ajax和JSP技術實現網頁中表單的區域性重新整理(只重新整理表單資料,而不重新整理整個頁面)
在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通過ajax在jsp中區域性重新整理頁面
在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