清蒸个ajax螃蟹

Posted 2020-08-14 啊啦

作为前端集大成者的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

 

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