jQuery：jQuery只是一个'写的少、做的多'的JavaScript的函数库，简单来说，就是用它组装好的功能来代替复杂的原生JavaScript代码。有些功能jQuery都已经写好了，我们只是负责用就可以啦！
1、使用时：首先要引入jQuery文件，在写之前介绍一个JavaScript中常用的语句，console.log();//向控制台输出一条消息。
2、AJAX：是一种与服务器交换数据的技术，可以在不重新载入整个页面的情况下更新网页的一部分；在jQuery中就封装了AJAX方法。
$.ajax({});这就是这个方法；$.ajax({type:'GET',url:'http://resource.haorenao.cn/teas2.json',success: function(data){}}); //这里的这个type:'GET'是说明获取的类型是GET；这个url就是我们存放数据的地址，是要发送请求的目的地址。这个function函数里面是当这个过程成功的话所要执行的程序。
<html>
<head>
<meta charset=' UTF-8'>
<script src= 'https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js' > </script> //引入网上的资源文件
</head>
<body>
<script type = ' text/javascript' >
$(document).ready(function(){ //这是jQuery的一个文档就绪事件，等文件加载之后运行函数，这里的 $ 就相当于document.getElementById，也是在获取HTML元素；然后在$后面的()里写上id，像这样：$('#id') 。
$.ajax({
type:'GET',
url:'http://resource.haorenao.cn/teas2.json',
success:function(data){
console.log(data);
}
});
}); </script> </body></html>
网友评论