第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何防止 dom 更改在 ajax 請求時重置

如何防止 dom 更改在 ajax 請求時重置

慕容3067478 2021-11-18 21:04:02
我正在用 Django 構建一個 Web 應用程序。我已經(jīng)用 rest 框架實現(xiàn)了一個 API。這是我用來連接到我的 API 的代碼:$(document).ready()            $.ajax ({                url: "http://localhost:8000/main_api/Waffel",                type: "GET",                dataType: "json",                success: function(res) {                        document.getElementById("Einzelne1").innerHTML = res[0].anzahl;                        document.getElementById("Einzelne2").innerHTML = res[1].anzahl;                        document.getElementById("Einzelne3").innerHTML = res[2].anzahl;                        document.getElementById("Einzelne4").innerHTML = res[3].anzahl;                        console.log(res)                                    }            });遺憾的是,這不會改變我的主站點上的任何內(nèi)容,唯一執(zhí)行的是console.log(res).一件有趣的事情是,當我在文件末尾添加它并重新加載頁面時,修改后的 innerHTML 實際上顯示在它在 ajax 請求完成的第二秒被改回來之前。document.getElementById("Einzelne2").innerHTML = res[1].anzahl;document.getElementById("Einzelne3").innerHTML = res[2].anzahl;document.getElementById("Einzelne4").innerHTML = res[3].anzahl;可以做些什么來防止這種情況發(fā)生?如果無法解決此問題,還有什么其他方法可以從 API 加載數(shù)據(jù),然后將其顯示在 HTML 頁面中。編輯:[{"id":3,"name":"Schokolade","anzahl":1},{"id":4,"name":"Zucker","anzahl":2},{"id":5,"name":"Zimt und Zucker","anzahl":3},{"id":6,"name":"Blauberre","anzahl":4}]javascript
查看完整描述

1 回答

?
明月笑刀無情

TA貢獻1828條經(jīng)驗 獲得超4個贊

如果上面的代碼與您在頁面中的代碼完全一樣,那么您就$(document).ready()錯誤地實現(xiàn)了處理程序。您需要將代碼放在函數(shù)中并將其添加為參數(shù),就像這樣...


$(document).ready(function() {

    $.ajax ({

        url: "http://localhost:8000/main_api/Waffel",

        type: "GET",

        dataType: "json",

        success: function(res) {

            document.getElementById("Einzelne1").innerHTML = res[0].anzahl;

            document.getElementById("Einzelne2").innerHTML = res[1].anzahl;

            document.getElementById("Einzelne3").innerHTML = res[2].anzahl;

            document.getElementById("Einzelne4").innerHTML = res[3].anzahl;

            console.log(res)                    

        }

    });

});

因為您錯誤地實現(xiàn)了它,所以就緒處理程序什么也不做,并且在實際加載頁面之前執(zhí)行了 ajax 調(diào)用。如果將它部署到實時環(huán)境中,您可能永遠不會注意到它,但是在 localhost 上運行它意味著它運行得足夠快,可以立即完成 ajax 調(diào)用。


查看完整回答
反對 回復 2021-11-18
  • 1 回答
  • 0 關注
  • 227 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號