清蒸个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();

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

时间: 2024-10-14 04:11:39

清蒸个ajax螃蟹的相关文章

一口气从CSS讲到Servlet再到JSP、Struts2,清蒸JavaWeb的前前后后。

B/S系统就是Browser/Server,浏览器/服务器系统,即,客户在浏览器操作,而代码实现的具体处理以及数据库操作等,则由后台服务器来完成,男耕女织,相得甚欢.比如我们查询成绩,我们通过浏览器输入个人信息,并且把个人信息发送到后台,后台获取了你的信息后作一系列处理并从数据库中查出你的成绩,千回百转,最后把成绩返回到浏览器页面,展示在你的眼前,这就是典型的B/S系统. 而浏览器展示的静态页面,我们叫做HTML(超文本标签语言),其实所谓超文本,它归根结底是文本,就跟doc,txt一样,只不过

C# WebApi传参之Post请求-AJAX

最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来. 十年河东十年河西,莫欺少年穷.  学无止境,精益求精    上一节讲述了C# WebApi传参之Get请求-AJAX 本节讲述C# WebApi传参之Post请求-AJAX,说起Ajax针对webApi的Post请求,真的不敢恭维,确实比较怪异,如果你不幸要写一个Ajax Post请求webApi接口,那么您还是有必要花点时间看看本篇博客,如果你也遇到了同样的问题,就不妨在最后给本篇博客点个赞.谢谢 说

[前端]jsonp

jsonp 之前清蒸了几只ajax螃蟹,味道不错,不过呢?螃蟹虽好,肉却太少哦! ajax出现,解决了页面不刷新的情况下与后台进行通讯与数据交换,但是有一个致命的缺陷,他是不能跨域的. 跨域:  <==慨念问题点左边 总之端口号那个冒号前面的任何一个地方不一样都是跨域请求. 我们知道  img标签的src   script标签的src 是可以进行跨域请求数据的,于是不知是哪位大神,异想天开曲线救国,使用script标签进行后台的数据获取, 当然这个script标签是我们用js脚本动态生成的,举个

进化:一个平庸人的互联网之路

进化:一个平庸人的互联网之路 现在互联网在现实生活中应用十分广泛,更为确切的说互联网已经融入了21世纪绝大多数平庸人的生活中.互联网已经是日常生活的重要组成部分.在互联网上能够浏览最新新闻.聊天.玩游戏.查阅资料.能够编辑站点供人訪问.能够分享源码等,更为重要的是在互联网上还能够进行广告宣传和购物.互联网给现实生活带来非常大的便利,广大网民在互联网上能够在数字知识库里寻找自己学业上.事业上的所需,从而帮助网民的工作与学习. 刚刚过去这场双十一网购狂欢中.透过行业老大阿里巴巴交出的实时"票房&qu

进化:一个平凡人的互联网之路

进化:一个平凡人的互联网之路 而今互联网在现实生活中应用十分广泛,更为确切的说互联网已经融入了21世纪绝大多数平凡人的生活中,互联网已经是日常生活的重要组成部分.在互联网上可以浏览最新新闻.聊天.玩游戏.查阅资料.可以编辑网站供人访问.可以分享源代码等,更为重要的是在互联网上还可以进行广告宣传和购物,互联网给现实生活带来很大的便利,广大网民在互联网上可以在数字知识库里寻找自己学业上.事业上的所需,从而帮助网民的工作与学习.互联网这是通往成功的道路,不过还在施工,记得戴好安全帽.互联网安全也是全世

如何通过供应链管理来居家做菜?

此文已由作者王攀授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 引言: 目前我们团队在做的供应链协同决策系统(简称河洛,取河洛交汇,河图洛书之意),定位相当于一个计划.控制与决策引擎,贯通严选各系统(累加起来等于ERP),并期望通过数据优化严选各业务及供应商的生产制造,通过全局的视野和数据去优化业务,通过提出约束(如供应链盈余[顾客价值-供应链成本]最大化),通过提出假设(即需求计划),去分析决策,并最终输入可不断更新修正的当前最优解(即供应商备料.分批入库.约车发货.

Log4j:log4j.properties 配置解析

Log4j 三个主要组件 Loggers(记录器):记录日志的工具,程序中就是用它来记录我们想要的日志信息. Appenders (输出源):日志输出到什么地方,可以是控制台.文件.流位置.数据库,等等. Layouts(布局模式):日志需要记录哪些基本信息,用什么样的格式去记录展示这些信息. 一个 Logger 最少要有一个 Appender,一个 Appender 有一个 Layout. Loggers 记录器在 Log4j 中就是 Logger 类的实例对象,下面是该类中定义的一些主要方法

C++标准库:std_map作为一个关联数组

摘要:std::map作为一个容器存在一个典型应用就是作为关联数组来作用.在诸如Java等等语言中,关联数组广泛存在.std::map是一个容器,在它的概念框架中存在两个词:键和值,std::map把一个键与一个值相对,它相当于一个字典,把一个索引和一人内容对应起来.一般情况下,std::map用一个平衡二叉树来实现的,所以它的大部分操作都可以log(n)的时间里完成.下面让我们看看其中的简单使用: #include<map>//定义一个整数到整数的映射//其中前一个键,后一个是值std::m

团建(四)

长城回来后,院里已经准备好了饭菜,相对于简单的早餐来说,中餐还是比较丰盛的,主菜是红烧虹鳟,其他还有红烧肉,宫保鸡丁,小炒柴鸡蛋,拍黄瓜,土豆丝等加起来满满一桌子十几道菜,值得称赞的是清蒸豆腐,配上三种蘸料,满足不同口味. 吃完饭后大家稍作休息,1点半开始本次拓展节目~烘培,在烘培前,我则和两位小伙伴在院里摘核桃,听一位颇有经验的女同事说,这种新鲜的核桃很好吃,让我们多摘点.院里有一颗80年代的核桃树,枝繁叶茂,听老板说今年挂果算不错的,前几天已经敲过一批,即使这样我们三个人相互配合,也敲了满满