提到Ajax相信我们都不会陌生,不管你是前端开发还是后台数据处理的程序员,ajax的作用就像现在生活中的手机一样,无论是作用还是流程都差不多,这里我们要进行ajax操作后台数据并显示在页面上的话,首先我们这里才用原生态的ajax去实现,第一步要做的就是首先我们得有一个ajax才行,紧接着还得清楚他的工作流程才行啊,下面我就简单谈谈ajax的工作流程。
v作为一个刚接触ajax的信任来说肯定会觉得很神奇,不知道一个小小的ajax竟然有这种强大的功效实现这样复杂的任务,其实不然,当我们除去包裹在外面的外衣,看看原生态的ajax你就会发现他没有我们想象中的那样困难和神秘了,用一个很简单的列子来说一下他的工作流程吧。
说起手机相信大家都不会陌生吧,接下来我就用简单的打电话解释什么是ajax,你先要给你的朋友打电话怎么办?首先你的有一个手机吧,好了,在这里,手机就是我们的创建一个ajax对象,只有创建了这个对象,你才能用它打电话啊,接下来还不行,你得确定给谁打电话啊?还有电话号码呢?这个时候我们ajax的请求就诞生了,你得给服务器发送一个请求,告诉服务器你要什么资源,人家才好给你找到你想要的资源啊,这个发送请求有个小小的知识点,就是我们是以get方式发送呢?还是以post方式发送,这两个的区分相信大家都已经基本了解,在这里就不做过多的详细解说。说白了就是我是用手机悄悄的打呢?还是在公用电话边上大声的说,就涉及到一个隐私性的问题。
现在好了,电话接通了,也就是我们的请求已经发送到服务器了,接下来要做的就是说话和对话了,你说一句,那边给你回一句,换作服务器就是你发一个请求,那边给你响应一个,这个响应的内容我们用responseText来表示,表示服务器端返回的响应结果,最后一步就是挂电话电话了,这个没有我们数据库的关闭那样多事,直接关掉,你不在发送请求那边也就停止响应了。也不用担心有人暗中截取信息吧。
最后要做的就是把我们服务器端返回的响应值放在页面上我们想要让它出现的位置就大功告成了,当然这个过程并不是就像我说的这么简单,其中还涉及到一些细小的知识,比如说浏览器的兼容性问题啊,状态码啊,回调函数什么的,这些细小的知识大家自己补充就好了。说道兼容性的问题,这也只是在我们原生的javascript编程中才出现,在jquery中就不存在这样的问题了,这个问题在这里我们暂且不谈。