【东臣PHP】JQuery+Ajax

这周主要是学习JQuery，讲了jQuery的一些事件，做了开始跑的练习，模拟蛇的爬行，以及模拟音乐特效。还有JQuery Dom，这个和JS大同小异。最后讲了Ajax，讲了json数据，还讲了Ajax的几种请求方法，如果记不住，至少要记住ajax的那个。最后练习了注册界面通过ajax与服务器的连接获取数据。

1.动画函数:
        1、show 显示
        2、hidden 隐藏
        3、toggle 显示和隐藏
        4、fadeIn 淡入
        5、fadeOut 淡出
        6、fadeToggle 淡入和淡出
        7、slideUp 向上滑动
        8、slideDown 向下滑动

2.Jquery Dom:
 
 节点：
  1、parent() 找到父节点
  2、children() find() 找到子节点

   注意：children 默认不加参数的时候为找第一个节点，加了找参数里的节点。如children("div.select")就是找div里的select的class类
   find，一般用于找子节点的某个元素标签，如：find("div");
 
  3、next() prev() 找到下一个节点 找到上一个节点
   4、siblings 找到并获取所有的兄弟节点  

  5、eq(索引)找到元素中的某个索引，注意是从0开始的。
  6、get(索引)匹配元素中的某个索引，注意不返回元素。
  7、first() 通过自定义的找到，找到第一个元素。如：$(".a").first();就是找到class为a的第一个元素。

  8、last() 同上，不过找到的是最后一个元素。

  9、append() 追加HTML内容

  10、appendTo() 把所有匹配的元素追加到另一个指定的元素元素集合中。

  11、remove() 移除，不会删除，占用位置

  12、empty() 清空

  13、attr() 设置属性 、返回属性

  扩展：.css(设置一个节点的样式)
  .html(设置一个节点的HTML代码)
  .text(设置一个节点的文本)

3.Ajax

同步：就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回。也就是必须一件一件事做,等前一件做完了才能做下一件事.就像早上起床后,先洗涮,然后才能吃饭,不能在洗涮没有完成时,就开始吃饭.

异步：和同步相对。发出一个异步指令以后，可以不用去管它的执行情况，完成后服务端会自动告诉你结果。

XML为一种数据传输格式：
 <rows>
  <abc>1</abc>
  <bd>2</bd>
 </rows>

JSON也为一种数据传输格式:
{"row":["abc":1 , "bc":2]}

XML 和 JSON 区别比较参考：https://www.geek-share.com/detail/2582377220.html
Jquery Ajax 比原生ajax封装更加良好。

提供了主要四种的解决方法：

.load()
 通过载入一个远程页面，用来放入到某个Dom中。
 load 默认会返回2个参数，第一个是load页面的内容，第二个参数是返回状态 success为成功

.get()
 通过Get请求方式，请求数据。

.getJson()
 通过Get请求方式，请求数据并返回的是json数据文件，注意请求json文件！
 
.post()
 通过Post请求方式，请求数据。
.ajax()
 通过自定义请求方式，请求数据。
 $.ajax({
 url: "http://120.26.196.152/come.php",//URL   
   dataType: "json", //数据格式
   async: true, //是否为异步
   data: { "name": "ajax","age":"20" },    //参数值
   type: "GET",   //请求方式  
   success: function(req) {//请求成功时处理
      console.log( req );
   $("#message").text( req.name + "-" + req.age );
 },
 error: function(req){ //请求错误的时候的处理
  
 }
 });

转载于:https://my.oschina.net/u/2545456/blog/551640