1：利用DOM获取该 div 的 ID，然后清空该DIV的内容（如果你需要接着里面的内容添加可不要清空）；需要注意点是清空最好用“ empty()  ”；

2: 把  async设成true ,否则又一条警告的错误，这条错误导致你的内容显示不出来；下面就是警告的错误

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中的更多相关文章

  1. 使用jQuery动态克隆表格，并且添加至div中（使用前需要引入jQuery）

    <!DOCTYPE html> <html> <head> <title></title> <meta charset="u ...

  2. jQuery ajax 获取信息展示在“下拉列表”中

    <link href="${ctxStatic}/jquery-select2/4.0.3/select2.min.css" rel="stylesheet&quo ...

  3. python获取网页编码问题（encoding和apparent_encoding）

    在requests获取网页的编码格式时,有两种方式,而结果也不同,通常用apparent_encoding更合适 注:推荐一个大佬写的关于获取网页编码格式以及requests中text()和conte ...

  4. div中显示某个网页

    原文:div中显示某个网页 1.<iframe>方法 2.ajax方法 ajax+流实现无框架限制块刷新: 主框架index页面: js: $(function(){ $("#d ...

  5. jQuery中使用Ajax获取JSON格式数据示例代码

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSONM文件中包含了关于“名称”和“值”的信息.有时候我们需要读取JSON格式的数据文件,在jQuery中 ...

  6. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

  7. 通过Jquery中Ajax获取json文件数据

    1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : ...

  8. 利用html5中的localStorage获取网页被访问的次数

    利用html5中的localStorage获取网页被访问的次数 <!DOCTYPE html> <html> <head> <meta charset=&qu ...

  9. WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法，获取数据(转)

    WebForm.aspx 页面通过 AJAX 访问WebForm.aspx.cs类中的方法,获取数据 WebForm1.aspx 页面 (原生AJAX请求,写法一) <%@ Page Langu ...

随机推荐

  1. 12、pytest -- 缓存：记录执行的状态

    目录 1. cacheprovider插件 1.1. --lf, --last-failed:只执行上一轮失败的用例 1.2. --ff, --failed-first:先执行上一轮失败的用例,再执行 ...

  2. Tensorflow多层LSTM代码分析

    1.tf.Graph() 你一旦开始你的任务,就已经有一个默认的图已经创建好了.而且可以通过调用tf.get_default_graph()来访问到. 添加一个操作到默认的图里面,只要简单的调用一个定 ...

  3. 二进制安装 k8s 1.15.6 集群

    目录: 第一篇 环境介绍与基础配置 第二篇 部署前期准备工作 第三篇 ETCD 集群部署 第四篇 master节点的部署介绍和前置工作 第五篇 kube-nginx 和 keepalived 部署安装 ...

  4. Knative Serverless 之道：如何 0 运维、低成本实现应用托管？

    作者 | 牛秋霖(冬岛)  阿里云容器平台技术专家 关注"阿里巴巴云原生"公众号,回复关键词"1205"即可观看 Knative-Demo 演示视频. 导读:S ...

  5. session与cookie的介绍和两者的区别之其相互的关系

    转:https://blog.csdn.net/weixin_37196194/article/details/55806366 本文分别对Cookie与Session做一个介绍和总结,并分别对两个知 ...

  6. Netty学习——Thrift的入门使用

    Netty学习——Thrift的入门使用 希望你能够,了解并使用它.因为它是一个效率很高的框架 官网地址:http://thrift.apache.org/ 1.Thrift数据类型 一门技术如果需要 ...

  7. 放大镜效果 －－－ enlarge.js

    html页面: 注释:遮罩层的大小取决于   ＝＝＝>layerwidth/layerheight = largewidth/largeheight  enlarge.js页面 /*   jqu ...

  8. openstack网络（二）

    连接物理服务器 单网卡 多网卡 跨主机安装网络服务 使用单个控制节点安装 使用专用网络节点安装 连接物理服务器 每个物理主机所需的网卡数量取决于云平台使用领域,组织的安全性和性能要求以及硬件的可用性. ...

  9. [TimLinux] 养成一个习惯

    1. 习惯 在博客园开博之前,大约六个月之前,我开始给自己定下坚持跑步的目标,从而养成了一个习惯.就在大约半个月前,回顾自己的工作经历的时候,发现还有一个来月自己就工作十年了,为此我树立了一个新的目标 ...

  10. [ Coding七十二绝技 ] 如何利用Java异常快速分析源码

    前言 异常一个神奇的东西,让广大程序员对它人又爱又恨.爱它,通过它能快速定位错误,经过层层磨难能学到很多逼坑大法.恨他,快下班的时刻,周末的早晨,它踏着七彩云毫无征兆的来了. 今天,要聊的是它的一项神 ...