js如何獲取伺服器數據,js如何獲取伺服器返回的數據

本文目錄一覽：

1、如何用JS解析伺服器中xml文件的內容
2、怎麼在js裡面獲取資料庫的數據
3、js提交表單後，怎麼獲取伺服器的返回值
4、如何通過JS介面獲取數據
5、js如何獲取緩存
6、JavaScript獲取mysql資料庫裡面的數據需要哪些技術的支持

如何用JS解析伺服器中xml文件的內容

先判斷瀏覽器，然後讀取xml數據就可以了

//判斷不同的瀏覽器

function InitMf()

{

var mf_change=false;

try {

mf_change = new ActiveXObject(“Msxml2.XMLHTTP”);

} catch (e) {

try {

mf_change = new ActiveXObject(“Microsoft.XMLHTTP”);

} catch (E) {

mf_change = false;

}

if (!mf_change typeof XMLHttpRequest!=’undefined’) {

mf_change = new XMLHttpRequest();

}

return mf_change;

}

讀取數據

var xmlHttp = InitMf();

var HTML = “”;

//獲得xml文件

xmlHttp.open(“GET”, xmlfile+”?”+Math.random(), true);

// 設置處理伺服器的JS函數，函數又 xmlHttp.onreadystatechange來確定

xmlHttp.onreadystatechange=function() {

//alert(xmlHttp.status);

if (xmlHttp.readyState==4 xmlHttp.status==200) {

//ajax的XML傳輸的解析。獲取解析的數據

var xml = xmlHttp.responseXML;

var node = xml.getElementsByTagName(“item”);//獲得總結點

for(var i = 0 ; i node.length ; i++){

var str_t = “”;

var str_d = “”;

var menuHTML = “”;

var elem = node[i];

//下面開始獲得子節點數據,當然可以繼續循環，獲得更下面的節點

var title = elem.getElementsByTagName(“title”)[0].textContent != undefined ? elem.getElementsByTagName(“title”)[0].textContent : elem.getElementsByTagName(“title”)[0].text;

這些只是部分代碼，不過已經足夠了

怎麼在js裡面獲取資料庫的數據

js是無法直接讀取資料庫中的數據，但是可以用伺服器端腳本與js搭配使用。

如：

% String testStr = “HelloJava”;%

script

alert(‘%=testStr%’);

/script

因為服務端腳本是先運行的,Js是後運行在客戶端的。

所以可以先用服務端腳本讀取資料庫數據然後放到js里再運行

js提交表單後，怎麼獲取伺服器的返回值

js提交表單，如果僅僅是用js代替提交按鈕，那麼和普通的提交沒有區別，如果是使用js的ajax提交數據，那麼可以查一下ajax處理返回值的函數，但是兩者共同的特點是，你服務端處理數據的頁面代碼必須有輸出。

如何通過JS介面獲取數據

一般採用ajax發起網路請求，請求伺服器的特定介面。

伺服器的介面返回JSON格式的數據。

然後你再ajax發起網路請求的時候，記得編寫成功後的相應函數，這樣就可以在接收到數據之後，做一些操作。

不懂繼續問我。

js如何獲取緩存

1、創建一個cache.js文件,前端頁面，定義那些數據需要一次性拿到前端緩存，定義一個對象來保存這些數據。

2、前端頁面，定義一個函數來調用後台介面獲取數據，然後保存到本地緩存對象（dicts）中。

3、在主頁面載入的時候調用這個方法一次性獲取數據並緩存起來。這樣，以後需要同樣的數據，就直接從本地對象dicts中獲取了。

4、後端Controller，定義一個介面，根據前端的請求，查詢資料庫（或查詢伺服器緩存，如下面例子中）獲取數據返回給前端。

JavaScript獲取mysql資料庫裡面的數據需要哪些技術的支持

從技術上而言，JavaScript是可以直接訪問mysql資料庫的，但瀏覽器出於安全考慮（因為這樣一來資料庫的登錄信息就完全暴露在所有用戶的眼裡了，別人就可以繞開你的程序直接訪問資料庫，甚至可以任意增刪改你的數據），都對這個功能進行了非常嚴格的限制（也就是說其實還是可以訪問的，但必須把瀏覽器的安全等級調到最低最低！），所以這種需求在實際應用中很難實現。

這樣就需要一個中間程序，放在網路伺服器中，html（含JavaScript）向這個中間程序發送請求，由它去mysql資料庫中獲取數據，再把數據發送回html。這類似於點外賣，你在網路上點餐，跑腿小哥就會把你點的食物送到你手上。對於瀏覽器而言，發送請求和返回數據的過程都是安全的（對資料庫的所有操作都發生在網路伺服器中，網頁用戶是看不到的），這樣就沒有限制了。

這個中間程序的開發語言（或者說架構）一般是PHP、ASP、ASP.NET、JSP等，也就是通常所說的「後台程序」。

jQuery則是JavaScript的一個框架（或者說插件、函數庫），它是把JavaScript的一些複雜的操作封裝成簡單的、容易操作的函數和對象，所以jQuery本質上還是JavaScript。如果把JavaScript比作普通的麵條，那麼jQuery就好比是速食麵，它幫你把做面的一些關鍵步驟先做好了，然後你只需要幾個簡單的操作就可以吃到嘴裡了。

ajax則是JavaScript（含jQuery）向伺服器的中間程序（即上面所說的）發送請求並處理返回數據的一種技術，可以實現網頁未刷新的情況下實時動態更新網頁上的數據。它實際上也仍然是包含在JavaScript範疇內的。

xml是網路間數據傳輸的一種數據格式，但現在更流行的則是json。

所以實際的網路數據訪問流程是：

html+JavaScript（jquery）

↓↑

PHP（ASP、ASP.NET、JSP）

↓↑

MySql

在這其中JavaScript的作用反而是次要的，它只是起到在數據訪問的前後對數據進行加工、篩選的作用，甚至可以完全拋開js，直接利用表單提交來實現數據訪問和展示的目的，即：

html+Form

↓↑