小編給大家分享一下jsp如何實(shí)現(xiàn)局部刷新,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
目前創(chuàng)新互聯(lián)建站已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、臨桂網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
通過 AJAX,JavaScript 可使用 JavaScript 的 XMLHttpRequest 對(duì)象來直接與服務(wù)器進(jìn)行通信。通過這個(gè)對(duì)象, JavaScript 可在不重載頁(yè)面的情況與 Web 服務(wù)器交換數(shù)據(jù)。
AJAX 在瀏覽器與 Web 服務(wù)器之間使用異步數(shù)據(jù)傳輸(HTTP 請(qǐng)求),這樣就可使網(wǎng)頁(yè)從服務(wù)器請(qǐng)求少量的信息,而不是整個(gè)頁(yè)面。
實(shí)驗(yàn)中利用JSP+ajax來實(shí)現(xiàn)自動(dòng)刷新頁(yè)面,并讀/寫數(shù)據(jù)庫(kù)中的數(shù)據(jù)。
下面介紹一下利用JSP+ajax來實(shí)現(xiàn)局部頁(yè)面刷新的小例子:
處理ajax請(qǐng)求的jsp文件:ajax.jsp
<%@ page contentType="text/html; charset=gb2312" %> <% //這是一個(gè)Java程序 //設(shè)置輸出信息的格式及字符集 response.setContentType("text/xml; charset=UTF-8"); response.setHeader("Cache-Control","no-cache"); out.println("<response>"); for(int i=0;i<2;i++){ out.println("<name>"+(int)(Math.random()*10)+ "號(hào)傳感器</name>"); out.println("<count>" +(int)(Math.random()*100)+ "</count>"); } out.println("</response>"); out.close(); %>
發(fā)送ajax請(qǐng)求的jsp文件:zx.jsp
<head> <META http-equiv=Content-Type content="text/html; charset=gb2312"> </head> <script language="javascript"> var XMLHttpReq; //創(chuàng)建XMLHttpRequest對(duì)象 function createXMLHttpRequest() { if(window.XMLHttpRequest) { //Mozilla 瀏覽器 XMLHttpReq = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE瀏覽器 try { XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {} } } } //發(fā)送請(qǐng)求函數(shù) function sendRequest() { createXMLHttpRequest(); var url = "ajax.jsp"; XMLHttpReq.open("GET", url, true); XMLHttpReq.onreadystatechange = processResponse;//指定響應(yīng)函數(shù) XMLHttpReq.send(null); // 發(fā)送請(qǐng)求 } // 處理返回信息函數(shù) function processResponse() { if (XMLHttpReq.readyState == 4) { // 判斷對(duì)象狀態(tài) if (XMLHttpReq.status == 200) { // 信息已經(jīng)成功返回,開始處理信息 DisplayHot(); setTimeout("sendRequest()", 1000); } else { //頁(yè)面不正常 window.alert("您所請(qǐng)求的頁(yè)面有異常。"); } } } function DisplayHot() { var name = XMLHttpReq.responseXML.getElementsByTagName("name")[0].firstChild.nodeValue; var count = XMLHttpReq.responseXML.getElementsByTagName("count")[0].firstChild.nodeValue; document.getElementById("product").innerHTML = name; document.getElementById("count").innerHTML = count; } </script> <body onload =sendRequest()> <table style="BORDER-COLLAPSE: collapse" borderColor=#111111 cellSpacing=0 cellPadding=0 width=200 bgColor=#f5efe7 border=0> <TR> <TD align=middle bgColor=#dbc2b0 height=19 colspan="2"><B>無線傳感網(wǎng)</B> </TD> </TR> <tr> <td height="20"> 傳感器:</td> <td height="20" id="product"> </td> </tr> <tr> <td height="20">傳感器個(gè)數(shù):</td> <td height="20" id="count"> </td> </tr> </body> </table>
看完了這篇文章,相信你對(duì)jsp如何實(shí)現(xiàn)局部刷新有了一定的了解,想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)站題目:jsp如何實(shí)現(xiàn)局部刷新
網(wǎng)頁(yè)鏈接:http://bm7419.com/article16/gijedg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、App開發(fā)、微信小程序、App設(shè)計(jì)、Google、移動(dòng)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)