首页 > 代码库 > 清蒸个ajax螃蟹

清蒸个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

 

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

清蒸个ajax螃蟹