主頁 > 知識庫 > JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內(nèi)容

JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內(nèi)容

熱門標(biāo)簽:目標(biāo)三維地圖標(biāo)注 青海醫(yī)療智能外呼系統(tǒng)怎么樣 老虎郵局地圖標(biāo)注點(diǎn) 科智聯(lián)智能電銷機(jī)器人 上海浦東百度地圖標(biāo)注中心注冊 襄陽外呼系統(tǒng)接口 百靈鳥 外呼系統(tǒng)獲取客戶手機(jī)號 徐州電銷卡外呼系統(tǒng)供應(yīng)商

本文實例講述了JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內(nèi)容的方法。分享給大家供大家參考。具體如下:

下面的JS代碼是一個最基礎(chǔ)的JS的ajax實現(xiàn),可以動態(tài)顯示服務(wù)器上的文件ajax_info.txt文件的內(nèi)容

!DOCTYPE html>
html>
head>
title>sharejs.com/title>
script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
 xmlhttp=new XMLHttpRequest();
 }
else
 {// code for IE6, IE5
 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4  xmlhttp.status==200)
  {
  document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  }
 }
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
/script>
/head>
body>
div id="myDiv">h2>Let AJAX change this text/h2>/div>
button type="button" onclick="loadXMLDoc()">Change Content/button>
/body>
/html>

希望本文所述對大家的Ajax程序設(shè)計有所幫助。

您可能感興趣的文章:
  • ajax的分頁查詢示例(不刷新頁面)
  • jquery ajax多次請求數(shù)據(jù)時 不刷新問題的解決方法
  • Ajax實現(xiàn)不刷新取最新商品

標(biāo)簽:商洛 股票 佛山 咸寧 紅河 辛集 荊州 揭陽

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內(nèi)容》,本文關(guān)鍵詞  JavaScript,基于,Ajax,實現(xiàn),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內(nèi)容》相關(guān)的同類信息!
  • 本頁收集關(guān)于JavaScript基于Ajax實現(xiàn)不刷新在網(wǎng)頁上動態(tài)顯示文件內(nèi)容的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章