<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        ajax異步刷新實現更新數據庫_jquery

        來源:懂視網 責編:小采 時間:2020-11-27 21:05:36
        文檔

        ajax異步刷新實現更新數據庫_jquery

        ajax異步刷新實現更新數據庫_jquery:上篇文章都是關于界面的東西,下面寫關于如何把無刷新的把數據寫入到數據庫中。 當我們改變某一個人或某幾個人的某項分值實現無刷新寫入數據庫。 首先,我們需要聲明XMLHttpRequest對象 代碼如下: //聲明XMLHttpRequest對象 var xmlHttp; f
        推薦度:
        導讀ajax異步刷新實現更新數據庫_jquery:上篇文章都是關于界面的東西,下面寫關于如何把無刷新的把數據寫入到數據庫中。 當我們改變某一個人或某幾個人的某項分值實現無刷新寫入數據庫。 首先,我們需要聲明XMLHttpRequest對象 代碼如下: //聲明XMLHttpRequest對象 var xmlHttp; f

        上篇文章都是關于界面的東西,下面寫關于如何把無刷新的把數據寫入到數據庫中。

        當我們改變某一個人或某幾個人的某項分值實現無刷新寫入數據庫。
        首先,我們需要聲明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("不能創建XMLHttpRequest對象實例!");
        return false;
        }
        }
        }

        同時,需要回調函數來確定是否修改成功
        代碼如下:
        //更新或者添加記錄的回調函數(檢驗是否評分成功)
        function ModifyScore ()
        {
        if (xmlHttp.readyState == 4)
        {
        // if (xmlHttp.status == 200)
        {
        if (xmlHttp.responseText == "true")
        {
        }
        else
        {
        // alert("評分失敗,請重新評分或者與管理員聯系");
        }
        }
        }
        }

        準備工作完成之后,下面就是關鍵的一步:
        因為需要在修改分值的時候寫入數據庫,所以只需要在上篇博客中提高的改變下拉框值(循環選中項時)的執行這樣一段代碼:
        代碼如下:
        //獲取互評ID
        var criticsID = checkbox[i].value;
        //把修改值寫入數據庫
        //獲取項目分數
        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(); //創建XMLHttpRequest對象
        //把數據傳入到另一個頁面執行
        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獲取參數,并執行寫入數據庫就可以了
        代碼如下:
        //獲取參數
        if(Request.QueryString["Event"].ToString() =="allCriticsInfo")
        {
        string criticsID = Request.QueryString["criticsID"].ToString();
        string assessID = Request.QueryString["assessID"].ToString();
        string accessAllScore =Request.QueryString["accessAllScore"].ToString();
        }

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

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        ajax異步刷新實現更新數據庫_jquery

        ajax異步刷新實現更新數據庫_jquery:上篇文章都是關于界面的東西,下面寫關于如何把無刷新的把數據寫入到數據庫中。 當我們改變某一個人或某幾個人的某項分值實現無刷新寫入數據庫。 首先,我們需要聲明XMLHttpRequest對象 代碼如下: //聲明XMLHttpRequest對象 var xmlHttp; f
        推薦度:
        標簽: 刷新 ajax 異步
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: caoporn成人免费公开| 亚洲αv在线精品糸列| 91视频免费观看| 暖暖在线视频免费视频| 亚洲免费一区二区| 一级一看免费完整版毛片| 无码欧精品亚洲日韩一区夜夜嗨 | 亚洲视频在线免费播放| 国产精品亚洲lv粉色| 成年女人午夜毛片免费视频| 亚洲女初尝黑人巨高清| 国产无限免费观看黄网站| 国产偷国产偷亚洲清高动态图| 青青草97国产精品免费观看 | 国产成人免费AV在线播放| 亚洲成年轻人电影网站www| 国产亚洲蜜芽精品久久| 亚洲国产精品一区二区九九| 国产精品极品美女自在线观看免费 | 你懂的免费在线观看| 亚洲国产二区三区久久| 国产男女爽爽爽爽爽免费视频| 亚洲精品美女久久久久99| 精品亚洲永久免费精品| 亚洲人成网站日本片| 国产精品高清全国免费观看| 一级毛片在线完整免费观看| 国产亚洲精品a在线无码| 51视频精品全部免费最新| 亚洲精品成a人在线观看夫| 亚洲乱码中文字幕手机在线 | 亚洲色无码一区二区三区| 国产精品白浆在线观看免费| 亚洲人成电影网站久久| 中文免费观看视频网站| 亚洲久热无码av中文字幕| 久久精品国产精品亚洲精品| 18禁成人网站免费观看| 看一级毛片免费观看视频| 国产亚洲一区二区在线观看| 最近的中文字幕大全免费版|