html+JS学习笔记2 jQuery初探

2017-07-19  本文已影响0人  lain355

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>

上一篇 下一篇

猜你喜欢

热点阅读