您的位置：首页 > Web前端 > JQuery

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

2017-08-06 16:08 621 查看

今天的主题：

实现数据的获取

前情提要

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery ajax 服务器数据

相关文章推荐

新的分享

章节导航