zoukankan      html  css  js  c++  java
  • 清蒸个ajax螃蟹

    作为前端集大成者的ajax技术,此处应该大写AJAX Asynchronous JavaScript and XML(异步的 JavaScript 和 XML),呵呵....

    今天就做了这只螃蟹,

    螃蟹有10条腿,也有人说是8条,但是我觉得钳子不能算手吧!动物怎么能有手??

    螃蟹最好吃的地方就是哪里?蟹黄!!!   部分同学喜欢吃钳子的我也不反对。

    既然最好吃的是蟹黄,那么我们先吃钳子吧。不过,螃蟹是生的,我想你们也不是茹毛饮血的野蛮人,等我做好了,再来享用,各位看官请静候。

    ajax第一步,请求数据:

      先给我大表哥call一下,让他准备点超大个的母螃蟹,我大表哥专业水产养殖户30年,需要的帖子后面留言,代卖哟!

    “大表哥吗?我厨子!我想吃ajax螃蟹,要母的,个头大的,整个20只,你等会儿带过来,顺便提两斤好酒过来!”

    .........

    “记账,记账,回头嫂子付钱”

    ........

    “一句话,想不想吃”

      费了我九牛二虎之力,终于拿到了大表哥的免费螃蟹。

    ++++++++++++++++++++++++++++++++++

    ajax螃蟹虽然好吃,但是取之不易。            

    要找到大表哥$.get('大表哥.php',...,....);          

    然后告诉大表哥是ajax螃蟹,母的,免得拿一只王八让我炖汤给他补

    $.get('大表哥.php',{螃蟹:ajax;性别:母的},....);

    +++++++++++++++++++++++++++

    不要问我为什么大表哥是php,因为php是最屌的语言,我大表哥家的螃蟹是最屌的螃蟹,想购买请在帖子后留言,支付宝直接转账也行。

    至于为什么用get不用post,因为男人之间话不多,一切都在大表哥的二斤美酒中。

    其实跟大表嫂说的话,可以这么说$.get('大表哥.php?螃蟹=ajax&性别:母的',....);

    为什么呢?跟嫂子说话,一句就够了,好吃不过饺子,你懂得……

    聊着聊着,大表哥终于带着母的ajax螃蟹来我家了。我去开下门。。。

    ++++++++++++

    大表哥在送螃蟹的过程中,我没有闲着,我在在跟你们聊天哟!!!!!这就是异步请求的威力,与此同时,我还让我媳妇儿烧了一锅白开水(另一个ajax请求)。

    ++++++++++++

    就目前而言,ajax请求有些名不副实,因为现在xhr对象在后台请求的几乎都是json数据 或者叫ajaj更合适,还好记是不是,缩写成aj2 哈哈,谁让json出生的晚,好名字都让猪占了。

     ajax第二步,处理数据:

    终于轮到我大厨登场了。(掌声,欢呼声,啪啪啪。。。。。。。)

    看我清蒸

    function(螃蟹,msg,xhr){};

    就是这么潇洒,蒸好了,技术太好你们都看不清,哈哈^_^

    再看一遍

    $.get('大表哥.php',{螃蟹:ajax;性别:母的},function(螃蟹,msg,xhr){

      洗螃蟹();//对数据进行过滤,把mode转换成viewModel

      绑螃蟹();//将viewModel拼接到html中,这里强烈建议使用 ECMA6的 `${0}.....${2}.....${3}.....`;这种方式,里面的单双引号无视

      丢进蒸笼();//循环咯,这么多螃蟹484?

      端上菜桌();//添加到DOM树

    });

    好了,ajax螃蟹解析完毕!当然咯,这种方式是有漏洞的,如果大表哥不配合,是拿不到螃蟹的,但是各位看客还是要吃东东啦,我会选择做些别的美味,所以我会考虑在适当的时候使用$.ajax();来进行这次烹饪的。要是想了解这种更高级的烹饪方式,http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html,菜谱自己慢慢研究。

    原生的ajax请求菜谱

    var xmlhttp;
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","/ajax/demo_get.asp",true);
    xmlhttp.send();
    View Code

    我是程序届的大厨,有好吃的联系我!!!!!!额,我不是吃货,我只是喜欢研究美食。。。。。

    只有让自己变得优秀,才有资格对这个世界指手画脚。
  • 相关阅读:
    TreeMap
    索引
    B-树、B+树
    硬盘速度、存储方式
    2-3树
    多叉树、2-3-4树
    红黑树
    平衡树、AVL树
    树、多路树、二叉树
    Java实现后缀表达式建立表达式树
  • 原文地址:https://www.cnblogs.com/alasq/p/5966297.html
Copyright © 2011-2022 走看看