溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是javascript中ajax獲取網頁添加到div中的方法，如果你剛好也有這個困惑，不妨參照這篇文章。閱讀完整文相信大家能解決這個問題。
1：利用DOM獲取該 div 的 ID，然后清空該DIV的內容（如果你需要接著里面的內容添加可不要清空）；需要注意點是清空最好用“ empty() ”；
2: 把 async設成true ,否則又一條警告的錯誤，這條錯誤導致你的內容顯示不出來；下面就是警告的錯誤
3:就是添加HTML了。
具體代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測試</title>
</head>
<body>
<div id="tset">
<a href="http://www.baidu.com">百度</a>
</div>
<button id="btn">測試</button>
</body>
<script src="../../Js/jquery-3.4.1.js">
</script><script src="../../Js/layer-v3.1.1/layer/layer.js"></script>
<script>
$(function(){
$("#btn").click(function(){
$.ajax({
url:'../../Html/JQueryDome/彈框.html',
dataType:'html',
type:'get',
async:true,
success:function(data){
console.log(data);
$("#tset").html(data)
},error:function(){
}
})
})
})
</script>
</html>最后總結一下清空DIv的內容的方法
empty() 情況選擇器里面的內容 語法 $(“選擇器”).empty() remove() 刪除后再恢復事件不在 語法 $(“選擇器”).remove() detach() 刪除后再恢復事件在 語法 $(“選擇器”).detach()
順便把其余的也給出來吧：
包裹
wrap() 每一個外面都添加一個新的元素 語法 $(“選擇器”).wrap(“<元素名稱>”) wrapAll() 同一包裹一個元素 語法 $(“選擇器”).wrap(“<元素名稱>”) wrapInner() 在里面添加一個新的元素 語法 $(“選擇器”).wrap(“<元素名稱>”) unwrap() 去掉包裹 語法 $(“選擇器”).wrap(“<元素名稱>”)
外部插入
after() 在后面插 語法： $(“選擇器”).after(“<元素名稱>”) insertAfter() 在后面插 語法： $(“選擇器”).insertAfter(“<元素名稱>”) before 在后面插 語法： $(“選擇器”).before(“<元素名稱>”) insertBefore() 在后面插 語法： $(“選擇器”).insertBefore(“<元素名稱>”)
內部插入(在)
append() 在后面插 語法： $(“選擇器”).append(“<元素名稱>”) appendTo() 在后面插 語法： $(“<元素名稱>”).appendTo(“選擇器”) prepend() 在前面插 語法： $(“選擇器”).prepend(“<元素名稱>”) prependTo() 在前面插 語法： $(“<元素名稱>”).prependTo(“選擇器”)
替換
replaceWith() 語法 $(“選擇器”).replaceWith($(“選擇器”)) replaceAll 語法 $(“<元素名稱>”).replaceAll (““選擇器”
克隆
clone()
語法：
1、$(“選擇器”).clone().append(“元素名”) 2、$(“選擇器”).append($(“元素名”).clone())
對了，還有一點就是（當然我是MVC中遇到的，不確定都有喲），就是在獲取的網頁中有內部JS，比如<script>這里是一個獲取本地的時間函數</script>，然后當你執行AJAX時，頁面不會添加到DIV中，整個頁面就是是當前時間（但是地址沒有變化）。解決辦法：可以把該JS刪除，或者該JS換成一個外部JS即可。
以上就是利用ajax獲取網頁添加到div中的方法，詳細使用情況還需要大家自己親自動手使用過才能領會。如果想了解更多相關內容，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
