ajax如何獲取網頁添加到div中-創新互聯

這篇文章主要介紹了ajax如何獲取網頁添加到div中，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創新互聯公司長期為成百上千客戶提供的網站建設服務，團隊從業經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯網生態環境。為恩施土家企業提供專業的做網站、網站設計，恩施土家網站改版等技術服務。擁有十年豐富建站經驗和眾多成功案例,為您定制開發。

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中”這篇文章對大家有幫助，同時也希望大家多多支持創新互聯網站建設公司，，關注創新互聯行業資訊頻道，更多相關知識等著你來學習!

本文名稱：ajax如何獲取網頁添加到div中-創新互聯
網頁地址：http://m.2m8n56k.cn/article0/dccpoo.html

成都網站建設公司_創新互聯，為您提供用戶體驗、靜態網站、網站制作、企業建站、外貿網站建設、軟件開發

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

ajax如何獲取網頁添加到div中-創新互聯