溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了ajax如何獲取網頁添加到div中，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
ajax獲取網頁添加到div中的方法
具體代碼如下：
<!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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
