【嘉兴东臣PHP】jQuery Ajax

JQuery : JS 中伟大的框架。使用简单。
如：<script type="text/javascript" scr="jquery文件"></script>

注意：使用jquery必须在引用jquery文件后面。

jquery，使用$()来表示对象，有三大选择器
    1、$("#xxx") ID选择器
    2、$(".xxx") Class选择器
    3、$("input") 标签选择器
    4、$("[href='xxxx']") 属性选择器

几个常用的jquery案例：
    //input 标签点击事件
    $("input").click( function(){
    });

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

    注意：函数里面都可以加入时间参数，单位为毫秒，函数里面都可以加入回调callback参数。
    如：
    show( 1000, function(){
        //回调所执行的函数
    });

    9、animate("执行的动画操作"，时间，可选(回调函数))
    如：
    $("").animate（{"height":"300px;"}, 1500）;

    注意：加入position属性！

    10、stop 停止动画
        参数一：clearQueue:如果设置成true，则清空队列。可以立即结束动画。

        参数二：jumpToEnd:如果设置成true，则完成队列。可以立即完成动画。

        如：stop(true, true);
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() 移除，包括div一起移除

        12、empty() 清空 ，但不移除div

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

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

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

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


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

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

XML 和 JSON 区别比较参考：http://www.cnblogs.com/SanMaoSpace/p/3139186.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){ //请求错误的时候的处理
        
    }
    });

总结：这周的学习内容有大部分是需要理解的，像Ajax提交，看是看得懂，但还是有点一知半解，尤其是有些数组的应用，有点乱。还有贪吃蛇那个游戏模型，也是卡在了最后一个数组那里，看来要恶补下数组的知识了，基础要打好很重要，还有jQuery，主要就是节点操作和动画效果，节点和之前一样，还行，动画的话就要看自己的思维能力了，思路很重要，还有就是要注意要先设置绝对或者相对定位，节点也要多熟悉，和以前的知识结合起来才行。

转载于:https://my.oschina.net/u/2545462/blog/551723