jquery實現頁面區域性重新整理

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

http://evan0625.iteye.com/blog/617004

後臺管理中總是使用frameset進行分成部分進行管理，但是感覺很不好用，尤其是頁面間調轉還要判斷window.parent，太令我費神了，於是學習使用XMLHttpRequest進行頁面區域性重新整理。程式碼如下：

Java程式碼

<html>
<head>
<script type="text/javascript">
window.onload = function(){
document.getElementById("email"

).onblur = function(){
if(window.XMLHttpRequest){
http_request = new XMLHttpRequest();
if(http_request.overrideMimeType){
http_request.overrideMimeType("text/xml");
}
}else

if(window.ActiveXObject){
try{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}catch

(e){}
}
}
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方法將資料載入頁

jquery實現頁面區域性重新整理

相關推薦