Ajax獲取網頁添加到div中

時間 2019-12-17

標籤 ajax 獲取網頁添加 div 欄目 Ajax 简体版

原文原文鏈接

1：利用DOM獲取該 div 的 ID，而後清空該DIV的內容（若是你須要接着裏面的內容添加可不要清空）；須要注意點是清空最好用「 empty() 」；html

2: 把 async設成true ,不然又一條警告的錯誤，這條錯誤致使你的內容顯示不出來；下面就是警告的錯誤jquery

3:就是添加HTML了。ajax

具體代碼以下：app

<!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的內容的方法 async

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()
語法：一、$(「選擇器」).clone().append(「元素名」)
      二、$(「選擇器」).append($(「元素名」).clone())

對了，還有一點就是（固然我是MVC中遇到的，不肯定都有喲），就是在獲取的網頁中有內部JS，好比<script>這裏是一個獲取本地的時間函數</script>，而後當你執行AJAX時，頁面不會添加到DIV中，整個頁面就是是當前時間（可是地址沒有變化）。解決辦法：能夠把該JS刪除，或者該JS換成一個外部JS便可。url