bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

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

這篇文章給大家分享的是javascript中ajax獲取網頁添加到div中的方法,如果你剛好也有這個困惑,不妨參照這篇文章。閱讀完整文相信大家能解決這個問題。

讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴,公司提供的服務項目有:域名注冊虛擬主機、營銷軟件、網站建設、西和網站維護、網站推廣。

1:利用DOM獲取該 div 的 ID,然后清空該DIV的內容(如果你需要接著里面的內容添加可不要清空);需要注意點是清空最好用“ empty()  ”;


2: 把  async設成true ,否則又一條警告的錯誤,這條錯誤導致你的內容顯示不出來;下面就是警告的錯誤

如何利用ajax獲取網頁添加到div中

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中的方法,詳細使用情況還需要大家自己親自動手使用過才能領會。如果想了解更多相關內容,歡迎關注創新互聯行業資訊頻道!

另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。

分享文章:如何利用ajax獲取網頁添加到div中-創新互聯
網頁地址:http://vcdvsql.cn/article28/csspjp.html

成都網站建設公司_創新互聯,為您提供網站導航搜索引擎優化關鍵詞優化網站改版網站營銷網站策劃

廣告

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

網站托管運營