這篇文章給大家分享的是javascript中ajax獲取網(wǎng)頁添加到div中的方法,如果你剛好也有這個困惑,不妨參照這篇文章。閱讀完整文相信大家能解決這個問題。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:域名注冊、虛擬主機、營銷軟件、網(wǎng)站建設(shè)、西和網(wǎng)站維護、網(wǎng)站推廣。1:利用DOM獲取該 div 的 ID,然后清空該DIV的內(nèi)容(如果你需要接著里面的內(nèi)容添加可不要清空);需要注意點是清空最好用“ empty() ”;
2: 把 async設(shè)成true ,否則又一條警告的錯誤,這條錯誤導(dǎo)致你的內(nèi)容顯示不出來;下面就是警告的錯誤
3:就是添加HTML了。
具體代碼如下:
測試
最后總結(jié)一下清空DIv的內(nèi)容的方法
empty() 情況選擇器里面的內(nèi)容 語法 $(“選擇器”).empty() remove() 刪除后再恢復(fù)事件不在 語法 $(“選擇器”).remove() detach() 刪除后再恢復(fù)事件在 語法 $(“選擇器”).detach()
順便把其余的也給出來吧:
包裹
wrap() 每一個外面都添加一個新的元素 語法 $(“選擇器”).wrap(“<元素名稱>”) wrapAll() 同一包裹一個元素 語法 $(“選擇器”).wrap(“<元素名稱>”) wrapInner() 在里面添加一個新的元素 語法 $(“選擇器”).wrap(“<元素名稱>”) unwrap() 去掉包裹 語法 $(“選擇器”).wrap(“<元素名稱>”)
外部插入
after() 在后面插 語法: $(“選擇器”).after(“<元素名稱>”) insertAfter() 在后面插 語法: $(“選擇器”).insertAfter(“<元素名稱>”) before 在后面插 語法: $(“選擇器”).before(“<元素名稱>”) insertBefore() 在后面插 語法: $(“選擇器”).insertBefore(“<元素名稱>”)
內(nèi)部插入(在)
append() 在后面插 語法: $(“選擇器”).append(“<元素名稱>”) appendTo() 在后面插 語法: $(“<元素名稱>”).appendTo(“選擇器”) prepend() 在前面插 語法: $(“選擇器”).prepend(“<元素名稱>”) prependTo() 在前面插 語法: $(“<元素名稱>”).prependTo(“選擇器”)
替換
replaceWith() 語法 $(“選擇器”).replaceWith($(“選擇器”)) replaceAll 語法 $(“<元素名稱>”).replaceAll (““選擇器”
克隆
clone()
語法:
1、$(“選擇器”).clone().append(“元素名”) 2、$(“選擇器”).append($(“元素名”).clone())
對了,還有一點就是(當(dāng)然我是MVC中遇到的,不確定都有喲),就是在獲取的網(wǎng)頁中有內(nèi)部JS,比如,然后當(dāng)你執(zhí)行AJAX時,頁面不會添加到DIV中,整個頁面就是是當(dāng)前時間(但是地址沒有變化)。解決辦法:可以把該JS刪除,或者該JS換成一個外部JS即可。
以上就是利用ajax獲取網(wǎng)頁添加到div中的方法,詳細(xì)使用情況還需要大家自己親自動手使用過才能領(lǐng)會。如果想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。