快捷導(dǎo)航

ajax異步刷新實現(xiàn)更新數(shù)據(jù)庫

更新時間：2012年12月03日 10:30:59 作者：

下面寫關(guān)于如何把無刷新的數(shù)據(jù)寫入到數(shù)據(jù)庫中,需要的朋友可以參考下

上篇文章都是關(guān)于界面的東西，下面寫關(guān)于如何把無刷新的把數(shù)據(jù)寫入到數(shù)據(jù)庫中。

當(dāng)我們改變某一個人或某幾個人的某項分值實現(xiàn)無刷新寫入數(shù)據(jù)庫。
首先，我們需要聲明XMLHttpRequest對象

 
//聲明XMLHttpRequest對象 
var xmlHttp; 
function createXMLHTTP() { 
if (window.XMLHttpRequest) { 
xmlHttp = new XMLHttpRequest(); //Mozilla瀏覽器 
} 
else if (window.ActiveXObject) { 
try { 
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); //IE老版本 
} 
catch (e) 
{ } 
try { 
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE新版本 
} 
catch (e) 
{ } 
if (!xmlHttp) { 
window.alert("不能創(chuàng)建XMLHttpRequest對象實例!"); 
return false; 
} 
} 
} 

同時，需要回調(diào)函數(shù)來確定是否修改成功

復(fù)制代碼代碼如下:

 
//更新或者添加記錄的回調(diào)函數(shù)（檢驗是否評分成功） 
function ModifyScore () 
{ 
if (xmlHttp.readyState == 4) 
{ 
// if (xmlHttp.status == 200) 
{ 
if (xmlHttp.responseText == "true") 
{ 
} 
else 
{ 
// alert("評分失敗，請重新評分或者與管理員聯(lián)系"); 
} 
} 
} 
} 

準備工作完成之后，下面就是關(guān)鍵的一步：
因為需要在修改分值的時候?qū)懭霐?shù)據(jù)庫，所以只需要在上篇博客中提高的改變下拉框值（循環(huán)選中項時）的執(zhí)行這樣一段代碼：

復(fù)制代碼代碼如下:

 
//獲取互評ID 
var criticsID = checkbox[i].value; 
//把修改值寫入數(shù)據(jù)庫 
//獲取項目分數(shù) 
var scoreAll = document.getElementById("score" +checkbox[i].value + srcElem.id + ""); 
var accessAllScore = scoreAll.outerText; 
//獲取項目編號 
var assess = document.getElementById("assess" + srcElem.id); 
var assessID = assess.title; 
createXMLHTTP(); //創(chuàng)建XMLHttpRequest對象 
//把數(shù)據(jù)傳入到另一個頁面執(zhí)行 
var url = "CriticsAgainAjax.aspx?criticsID=" + criticsID +"&assessID=" + assessID + "&accessAllScore=" +accessAllScore + "&Event=allCriticsInfo"; 
xmlHttp.open("Post", url, true); 
// xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
xmlHttp.onreadystatechange = AnswerOneKindQuestion; 
xmlHttp.send(null); 

最后，我們只需要在CriticsAgainAjax.aspx獲取參數(shù)，并執(zhí)行寫入數(shù)據(jù)庫就可以了

復(fù)制代碼代碼如下:

 
//獲取參數(shù) 
if(Request.QueryString["Event"].ToString() =="allCriticsInfo") 
{ 
string criticsID = Request.QueryString["criticsID"].ToString(); 
string assessID = Request.QueryString["assessID"].ToString(); 
string accessAllScore =Request.QueryString["accessAllScore"].ToString(); 
} 

參數(shù)傳過來之后，寫入數(shù)據(jù)庫就很容易了，這里就不提了。
這樣，在前臺顯示的效果就是沒有刷新，時時的把數(shù)據(jù)寫入到數(shù)據(jù)庫。只是把臟活累活都交給CriticsAgainAjax.aspx頁面來干，這也是一種不錯的分工。
這樣寫出了少刷新以外，還有另一個好處就是ajax是異步操作，即在js頁面中把數(shù)據(jù)拋到CriticsAgainAjax.aspx之后，他就繼續(xù)執(zhí)行，他不考慮CriticsAgainAjax.aspx是否執(zhí)行完成，可能拋過來100條數(shù)據(jù)，寫入數(shù)據(jù)庫需要三秒鐘，而拋過來的時間是非常快的，可能就零點幾秒，所以用戶的感覺會非常好，他不需要在選中后等半天才能繼續(xù)執(zhí)行。

您可能感興趣的文章: