JS&jQuery高级02（获取数据：AJAX方法）

最新推荐文章于 2024-07-13 23:25:03 发布

Lized

最新推荐文章于 2024-07-13 23:25:03 发布

阅读量395

点赞数

分类专栏： jQuery 文章标签： jquery ajax 服务器数据

本文链接：https://blog.csdn.net/Lized/article/details/76776401

版权

jQuery 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

今天的主题：

实现数据的获取

前情提要

很多网站包含多个页面，页面中有大量的数据不是在html中写好的。
因为这些数据可能要不断的更改，所以数据会放在服务器上，需要网页去获取。

如何获取呢？

这个神奇的技术就是AJAX，
是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。
在jQuery中就封装了AJAX方法。

使用方法请看如下例子：

<html>
<head>
    <meta charset="utf-8">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

</head>
<body>
    <script type="text/javascript">
        $(document).ready(function(){
            //获取数据的方法。
            $.ajax({
            //获取的类型是GET.这个url就是我们存放数据的地址,我们要发送请求到这里.
            type:'GET',url:'http://resource.haorenao.cn/teas2.json',success: function(data){
                    //这个函数里面是当这个过程成功的话所要执行的程序.
                    console.log(data);

                }
            });
        });

    </script>
</body>
</html>

显示结果：
这里写图片描述

END.

Lized

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS&jQuery高级02（获取数据：AJAX方法）

今天的主题：实现数据的获取前情提要很多网站包含多个页面，页面中有大量的数据不是在html中写好的。因为这些数据可能要不断的更改，所以数据会放在服务器上，需要网页去获取。如何获取呢？这个神奇的技术就是AJAX，是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分。在jQuery中就封装了AJAX方法。使用方法请看如下例子：<html><head> <me
复制链接

扫一扫