溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

ajax如何獲取網(wǎng)頁添加到div中

發(fā)布時間:2021-09-27 10:25:46 來源:億速云 閱讀:152 作者:小新 欄目:開發(fā)技術

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

ajax獲取網(wǎng)頁添加到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中遇到的,不確定都有喲),就是在獲取的網(wǎng)頁中有內部JS,比如<script>這里是一個獲取本地的時間函數(shù)</script>,然后當你執(zhí)行AJAX時,頁面不會添加到DIV中,整個頁面就是是當前時間(但是地址沒有變化)。解決辦法:可以把該JS刪除,或者該JS換成一個外部JS即可。

感謝你能夠認真閱讀完這篇文章,希望小編分享的“ajax如何獲取網(wǎng)頁添加到div中”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業(yè)資訊頻道,更多相關知識等著你來學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI