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

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

在青云譜等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需規(guī)劃網(wǎng)站,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),成都全網(wǎng)營(yíng)銷推廣,外貿(mào)網(wǎng)站制作,青云譜網(wǎng)站建設(shè)費(fèi)用合理。

1：利用DOM獲取該 div 的 ID，然后清空該DIV的內(nèi)容（如果你需要接著里面的內(nèi)容添加可不要清空）；需要注意點(diǎn)是清空最好用“ empty()  ”；

2: 把  async設(shè)成true ,否則又一條警告的錯(cuò)誤，這條錯(cuò)誤導(dǎo)致你的內(nèi)容顯示不出來；下面就是警告的錯(cuò)誤

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

3:就是添加HTML了。

具體代碼如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>測(cè)試</title>
</head>
<body>
  <div id="tset">
    <a href="http://www.baidu.com">百度</a>
  </div>
  <button id="btn">測(cè)試</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>

最后總結(jié)一下清空DIv的內(nèi)容的方法

empty()  情況選擇器里面的內(nèi)容  
語法 $(“選擇器”).empty() 
remove()  刪除后再恢復(fù)事件不在
語法 $(“選擇器”).remove()
detach()   刪除后再恢復(fù)事件在
語法 $(“選擇器”).detach()

順便把其余的也給出來吧：

包裹

wrap()      每一個(gè)外面都添加一個(gè)新的元素
語法 $(“選擇器”).wrap(“<元素名稱>”)
wrapAll()    同一包裹一個(gè)元素
語法 $(“選擇器”).wrap(“<元素名稱>”)
wrapInner()  在里面添加一個(gè)新的元素
語法 $(“選擇器”).wrap(“<元素名稱>”)
unwrap()    去掉包裹
語法 $(“選擇器”).wrap(“<元素名稱>”)

外部插入

after()           在后面插      語法：  $(“選擇器”).after(“<元素名稱>”)
insertAfter()      在后面插      語法：  $(“選擇器”).insertAfter(“<元素名稱>”)
before           在后面插      語法：  $(“選擇器”).before(“<元素名稱>”)
insertBefore()     在后面插      語法：  $(“選擇器”).insertBefore(“<元素名稱>”)

內(nèi)部插入(在)

append()         在后面插       語法：  $(“選擇器”).append(“<元素名稱>”)
appendTo()       在后面插       語法：  $(“<元素名稱>”).appendTo(“選擇器”)
prepend()        在前面插       語法：  $(“選擇器”).prepend(“<元素名稱>”)  
prependTo()      在前面插       語法：  $(“<元素名稱>”).prependTo(“選擇器”)

替換

replaceWith() 語法 $(“選擇器”).replaceWith($(“選擇器”))
replaceAll    語法 $(“<元素名稱>”).replaceAll    (““選擇器”

克隆

clone()

語法：

1、$(“選擇器”).clone().append(“元素名”)
2、$(“選擇器”).append($(“元素名”).clone())

對(duì)了，還有一點(diǎn)就是（當(dāng)然我是MVC中遇到的，不確定都有喲），就是在獲取的網(wǎng)頁(yè)中有內(nèi)部JS，比如<script>這里是一個(gè)獲取本地的時(shí)間函數(shù)</script>，然后當(dāng)你執(zhí)行AJAX時(shí)，頁(yè)面不會(huì)添加到DIV中，整個(gè)頁(yè)面就是是當(dāng)前時(shí)間（但是地址沒有變化）。解決辦法：可以把該JS刪除，或者該JS換成一個(gè)外部JS即可。

以上就是利用ajax獲取網(wǎng)頁(yè)添加到div中的方法，詳細(xì)使用情況還需要大家自己親自動(dòng)手使用過才能領(lǐng)會(huì)。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：如何利用ajax獲取網(wǎng)頁(yè)添加到div中
鏈接地址：http://bm7419.com/article0/jdecoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、營(yíng)銷型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站建設(shè)