ajax获取网页添加到div中的方法


本文摘自PHP中文网,作者angryTom,侵删。

ajax获取网页添加到div中的方法

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

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

【相关课程推荐:JavaScript视频教程】

1732961-20191210171450972-1672286003.png

3:就是添加HTML了。

具体代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

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

1

2

3

4

5

6

empty()  情况选择器里面的内容 

语法 $(“选择器”).empty()

remove()  删除后再恢复事件不在

语法 $(“选择器”).remove()

detach()   删除后再恢复事件在

语法 $(“选择器”).detach()

顺便把其余的也给出来吧:

阅读剩余部分

相关阅读 >>

javascript如何设置值

如何解决jquery ajax中文乱码问题

详解js中函数的相关定义与用法

js 中 undefined 什么意思

如何实现图片懒加载?

html如何引入js文件

js中对象深拷贝和浅拷贝的区别是什么

如何利用js实现音乐导航效果

js如何控制css

js+html5实现的小游戏-- 捕鱼达人游戏

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...