JS&jQuery高级02(获取数据:AJAX方法)

今天的主题:

实现数据的获取

前情提要

很多网站包含多个页面,页面中有大量的数据不是在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>

显示结果:
JS&jQuery高级02(获取数据:AJAX方法)_第1张图片

END.

你可能感兴趣的:(jQuery,jquery,ajax,服务器,数据)