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>