作为前端集大成者的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();
我是程序届的大厨,有好吃的联系我!!!!!!额,我不是吃货,我只是喜欢研究美食。。。。。