jquery實現頁面區域性重新整理
http://evan0625.iteye.com/blog/617004
後臺管理中總是使用frameset進行分成部分進行管理,但是感覺很不好用,尤其是頁面間調轉還要判斷window.parent,太令我費神了,於是學習使用XMLHttpRequest進行頁面區域性重新整理。程式碼如下:
Java程式碼- <html>
- <head>
- <script type="text/javascript">
- window.onload = function(){
-
document.getElementById("email"
- if(window.XMLHttpRequest){
- http_request = new XMLHttpRequest();
- if(http_request.overrideMimeType){
- http_request.overrideMimeType("text/xml");
- }
-
}else
- try{
- http_request = new ActiveXObject("Msxml2.XMLHTTP");
- }catch(e){
- try{
- http_request = new ActiveXObject("Microsoft.XMLHTTP");
-
}catch
- }
- }
- if(!http_request){
- window.alert("不能建立XMLHttpRequest物件例項!");
- return false;
- }
- http_request.onreadystatechange = function(){
- if(http_request.readyState == 4 &&
- http_request.status == 200) {
- document.getElementById("emailTip").innerHTML
- =http_request.responseText;
- }
- };
- http_request.open("GET", "email.jsp?email="+this.value, true);
- http_request.send(null);
- }
- }
- </script>
- </head>
- <body>
- <input type="button" value="修改" onclick="getOtherMessage();" />
- <input type="text" id="email" />
- <span id="emailTip"></span>
- <div id="view">
- 456
- </div>
- </body>
- </html>
後經高手提醒,可以使用ajax技術來寫,使用jquery很簡單,示例如下:
Java程式碼-
<%@ page language="java" contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> - <html>
- <head>
- <script type="text/javascript" src="js/jquery.js"></script>
- <script type="text/javascript">
- function getOtherMessage(){
- $.ajax({
- type:"post",
- url:"${pageContext.request.contextPath}/getOtherMessage.do",
- success:function(msg){
- $("#view").html(msg);
- },
- error:function(){
- alert("wrong");
- }
- });
- }
- </script>
- </head>
- <body>
- <input type="button" value="修改" onclick="getOtherMessage();" />
- <div id="view">
- 456
- </div>
- </body>
- </html>
相關推薦
jquery實現頁面區域性重新整理
http://evan0625.iteye.com/blog/617004 後臺管理中總是使用frameset進行分成部分進行管理,但是感覺很不好用,尤其是頁面間調轉還要判斷window.parent,太令我費神了,於是學習使用XMLHttpRequest進行頁面區域性
JQuery Ajax 結合.net MVC框架實現頁面區域性重新整理
JQuery Ajax的非同步重新整理可實現html靜態頁面率先載入完畢,呈現給使用者,對提升使用者體驗很有幫助.本文舉一個小例子,在.net的MVC框架下面實現JQuery Ajax的非同步重新整理. 我們模擬一個場景,在頁面載入完畢後,通過Ajax獲取使用
Ajax實現 頁面區域性 重新整理
web開發中我們經常會遇到區域性重新整理頁面的需求,以前我經常使用ajax和iframe實現區域性重新整理,後來做政府的專案,對頁面的樣式要求比較多,發現使用iframe控制樣式什麼的很麻煩,所以就採用了新的辦法,就是下面我們要說的ajax配合div區域性重新整理頁面,其實很簡單,下面我
Ajax請求返回一個頁面,實現頁面區域性重新整理
本文實現Ajax的區域性重新整理。思路如下: 首先,從JSP頁面A.jsp向服務端發起一個Ajax請求,由Action中方法MethodA處理,該MethodA方法進行資料組裝後,返回一個jsp頁面Result.jsp,然後在Ajax的返回結果中,將Result.jsp元素
load() 和setInterval()方法實現頁面區域性重新整理
load() 方法通過 AJAX 請求從伺服器載入資料,並把返回的資料放置到指定的元素中。 語法 load(url,data,function(response,status,xhr)) 引數 描述 url 規定要將請求傳送到哪個 URL。 da
基於jQuery的ajax系列之用FormData實現頁面無重新整理上傳
接著上一篇ajax系列之用jQuery的ajax方法向伺服器發出get和post請求寫,這篇主要寫如何利用ajax和FormData實現頁面無重新整理的檔案上傳效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData介面。
js或jquery實現頁面列印可區域性列印
js或jquery實現頁面列印(區域性列印) 1、js實現(可實現區域性列印) 程式碼如下:<html> <title>js列印</title> <head
實現單檔案上傳,頁面區域性重新整理
實現單檔案上傳,頁面不重新整理 1.html <form name="fjUploadForm" enctype="multipart/form-data" method="post" action="fjFileInsert.action" o
jquery+Struts2實現ajax區域性重新整理分頁
###我們先來看看傳統的分頁是什麼樣子 從URL中很明顯的看出了分頁的技術點,兩個引數:一個是當前頁page一個是頁面大小size 我們甚至可以直接修改URL中的引數來跳轉到相應的
pushState()、popstate事件配合ajax實現瀏覽器前進後退頁面區域性重新整理
最近研究pushState,看了網上的文章還是不怎麼會用,於是自己摸索著理解使用,終於實現區域性重新整理同時前進後退。 首先說說pushState(),這個函式將當前的url等資訊加入history堆疊中; 當點選瀏覽器的前進後退按鈕時,會觸發popstate事件,所以可
基於jQuery實現頁面滾動時頂部導航顯示隱藏效果
center query styles 顯示 true function viewport top int <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=
js或jquery實現頁面打印可局部打印
結束 jquery實現 ner cli isp jquer npr 獲取 dia 1、js實現(可實現局部打印)代碼如下:<html><title>js打印</title><head></head><body
使用JQUERY實現頁面局部刷新
val interval int 刷新 function jquer src javascrip -1 <script type="text/javascript" src="/Main/JS/jquery-1.3.2.min.js"></script&g
jquery 實現頁面全選反選功能
python<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head>&
js+css jQuery實現頁面後退執行 & 遮罩彈框
cti nload col 復制 ali 我不 彈框 clas 統計 JS部分 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script typ
js 實現頁面區域性(或圖片)放大功能(vue)
方法: adjustStart1 (e) { e.preventDefault() let event = e.touches if (event.length === 2) { this.styles = 'transform: scale(2
基於iframe+form偽造ajax提交功能,實現頁面不重新整理提交資料
直接貼程式碼看ajax4程式碼就行: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Ajax請求的幾種方式</title
基於jQuery實現頁面搜尋功能
HTML: <div class="table"> <table> <tr id="theader"> <th>姓名</th> <th>性別</th> &l
jQuery實現頁面滾動時頂部動態顯示隱藏
很多時候你會看到頁面上有一個始終固定在網頁頂部的導航選單,當頁面向下滾動的時候,導航選單動態隱藏,頁面滾動到頂部時,導航選單動態顯示,淘寶也採用過此效果,很不錯,當然,裡面使用了CSS3動畫效果,不支援低版本瀏覽器。程式碼相當的簡單,只需幾行就搞定。 &l
HTML頁面區域性重新整理
/.事件響應重新整理:有請求才會重新整理 1、通過JS HTML DOM或jQuery獲取HTML元素,通過DOM方法或jQuery方法監聽頁面事件,獲取使用者請求; 2、通過Ajax將使用者請求提交至伺服器,伺服器處理後返回結果,再由Ajax接收資料; 3、通過DOM方法或jQuery方法將資料載入頁