2015.05.29 工作任务与心得

工作任务

  1. ajax提交表单
  2. ajax到底是干什么的
  3. 为什么我们不用ajax代替完整的页面更新
  4. 做一个自己的网站

工作心得

1.

2.可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

直白地说,就是没用AJAX的网页,你点一个按钮就要刷新一下页面,尽管新页面上只有一行字和当前页面不一样,但你还是要无聊地等待页面刷新。

用了AJAX之后,你点击,然后页面上的一行字就变化了,页面本身不用刷。

AJAX只是一种技术,不是某种具体的东西。不同的浏览器有自己实现AJAX的组件。

=====================================

突然想让这个答案更加完美,所以补充一下下面的内容:
ajax的全称是AsynchronousJavascript+XML。
异步传输+js+xml。
所谓异步,在这里简单地解释就是:向服务器发送请求的时候,我们不必等待结果,而是可以同时做其他的事情,等到有了结果我们可以再来处理这个事。(当然,在其他语境下这个解释可能就不对了)
这个很重要,如果不是这样的话,我们点完按钮,页面就会死在那里,其他的数据请求不会往下走了。这样比等待刷新似乎更加讨厌。
(虽然提供异步通讯功能的组件默认情况下都是异步的,但它们也提供了同步选项,如果你好奇把那个选项改为false的话,你的页面就会死在那里)
xml只是一种数据格式,在这件事里并不重要,我们在更新一行字的时候理论上说不需要这个格式,但如果我们更新很多内容,那么格式化的数据可以使我们有条理地去实现更新。

现在大部分人其实是用JSON这种格式来代替XML的,因为前者更加简洁,据说目前的解析速度也更快。多快好省,能省则省啊。

总结:只要是JS调用异步通讯组件并使用格式化的数据来更新web页面上的内容或操作过程,那么我们用的方法就可算是AJAX。

感觉就是点击一个button或者触发了某些事件,建立xmlhttprequest对象,向服务器发送请求,根据状态码判断是否已经完成,接受response。

栗子就比如知乎上面的点赞,点一下赞,页面并没有刷新,但是赞的数量增加了,在浏览器后台有和服务器

异步:发送请求后并不需要等待反应回来才可以继续操作。利用ajax可以发送请求然后继续进行操作,完全没有影响


3.Ajax技术其实是一种hack手段,用javascript来模拟一个浏览器的工作行为。
如果你愿意,你确实可以用Ajax来完成网站所有页面之间的跳转,实际上在部分特殊效果的需求驱动下,有些网站确实是这么做的。
但是你这么做实际上就是,把浏览器的工作重新实现了一遍。嗯我觉得可以算是“重新发明轮子”吧,甚至是“重新发明橡胶钢材以及内胎外胎以及把这些东西组成轮胎的技术”。
1. 理论上Ajax可以取代传统的页面跳转,但是这种取代毫无意义。因为Ajax本身的意义是局部数据的请求,通过Ajax可以在不更新整体页面的前提下,更新部分页面的数据,这样一来可以降低服务器的压力,并且缩短用户的等待时间(毕竟浏览器不用重新渲染页面)。如果你把这个技术用来做整体的页面跳转,那和用现在的页面跳转有什么区别?
2. 也许你的意思是,以后不再用页面跳转,全部都改成Ajax的局部数据更新。嗯,听起来挺不错,算是很新的想法。但是仔细推敲一下,现在的局部相对于整个页面,和现在的页面相对于网站,关系不是一样的么。类似于你看书对吧,有时候你需要一页一页看,有时候需要一章一章的翻阅不是。而且如果全部都用局部更新的手段,对于网站来说,传统的内容组织方式也需要做相应的变更。这需要更多的技术成本,来使网站的内容布局适应all-Ajax的方式。对于移动端也许还好说,对于大屏幕设备下的web页面来说,有点蛋疼。
3. 取消传统的页面跳转,也就意味着没有了传统的页面。这对于用户的使用习惯也是个挑战。最简单的例子,你没办法再使用书签管理功能了,也不存在前进后退了。对很多用户来说这都是不可容忍的。
4. 一项技术问世总是带着使命的,我觉得最好先了解一下它使为了解决什么问题被发明的,然后看一下这个问题和你要解决的问题之间的关系,大概就知道这个技术能不能用了。就题主的问题来说,Ajax是为了解决局部数据更新问题,而你的问题是整体数据更新。刚好是相对的,不是么。

而且对seo也不好

4. 服务器集群设置,数据库,前端,app会放到不同的数据库上面,但是如果是少于10W量级,不会产生很大的影响,但是超过10w量级,那么速度会下降的非常快。

cdn,相当于托管,把自己的网站放到北京的服务器上,那么新加坡那边访问可能会很慢,而挂到cdn上之后,相当于把自己的网站发散到很多地方,具体要看cdn供应商,这样速度就会很快。

时间: 2024-10-10 01:17:55

2015.05.29 工作任务与心得的相关文章

2015.05.26 工作任务与心得

工作任务: 了解Jquery 运用js判断用户输入是否正常和js的运行原理 决策树如何在程序中体现 网站在移动端和浏览器端的兼容性显示 5. dns的工作原理 6.css使用规定 工作心得 1. 2. 3. 4. 5. 6. css中的点"." 代表了类的意思,并不意味着一种从属关系 .a{ } .b{ } 在css中,有空格表示一种包含关系,比如#a p.intro{} 意思是div的id是a 而且它里面的p标签的类是intro,之前说的.代表了class.  逗号表示一种并列关系,

2015.05.28 工作任务与心得

工作任务: javascript和Jquery,为什么要使用Jquery bind事件 mozilla和ie内核的区别 解决程序中的Jquery问题,动态动画的宽度问题 使用Jquery制作动态效果 网页的美化 工作心得: 1. http://www.gbtags.com/gb/share/1389.htm 这个博主写的有关Jquery的文章特别的好 Richard Hein 在"6 Things You Need to Know About jQuery"一文中列举了推荐 jQuer

2015.05.27 工作任务与心得

工作任务: 了解Jquery 运用js判断用户输入是否正常和js的运行原理 决策树如何在程序中体现 网站在移动端和浏览器端的兼容性显示 5.  javascript 的使用规定与技巧 工作心得 1. 2. 3. 4. 5.Screen对象存储了客户的电脑屏幕信息,这些信息可以用来探测客户端硬件的基本配置 Screen对象的基本属性: availHight:显示Web浏览器的屏幕可用高度,不包括Windows的任务栏(重点是显示屏而不是浏览器,这边不要误解,它只是只是浏览器可以用剩下多高的显示屏高

2015.06.03 工作任务与心得

工作心得: 这几天用php开发公司的网站. 使用了ajax实现了下拉框和表格的联动. 一个Ajax交互从一个称为XMLHttpRequest的JavaScript对象开始.如同名字所暗示的,它允许一个客户端脚本来执行HTTP请求,并且将会解析一个XML格式的服务器响应.Ajax处理过程中的第一步是创建一个XMLHttpRequest实例.使用HTTP方法(GET或 POST)来处理请求,并将目标URL设置到XMLHttpRequest对象上. 当你发送HTTP请求,你不希望浏览器挂起并等待服务器

2015/05/07工作随写

1.继续安卓加密方案讨论 1) rsa加密,第一次用,同事给的php生成的私钥我,一直没法读取,bug循环... 2)des加密, 接口继续讨论 2. 第三方短信接口 1)经理给我一扔代码,二扔短信文档,三...没了 2)扣代码,写接口 3)对接的产品是什么?是我们向客户请求,还是客户向我们请求,我们再向第三方请求? 4)接口的信息从哪获取? 5)群发限制? 6)上面看了三小时文档,基本上解决了.--! 7)这个第三方短信公司的主站很不行,登录一直失败,也没提示密码错误,验证码错误.直接就是主页

2015/05/13~工作中遇到的未解决的问题

1.将对象存到redis中,取出来就成了HashMap类型 2.aop调用方法传参数问题 综述: 总感觉知道,但具体又说不清楚... 1.集合 2.反射 3.泛型 4.注解 5.并发 6.算法 7.mongodb.redis

2015.7.29学习内容

2015.7.29学习内容 一.Switch选择结构 1.回顾 01.在Java中如何产生一个随机数 Math.random()    随机数范围:0到1,能取到0,取不到1 02.equals(): 在Java中,如果比较两个字符串用==的话,会出现错误,所以以后我们只要是对字符串类型进行对比,统一使用equals方法 2.Switch选择结构 Switch(char/int){ case 1: //语句 break; case 2: //语句2 break; default: //默认语句

2015.05.15,外语,学习笔记-《Word Power Made Easy》 01 “如何讨论人格特点”

2015.03.17,外语,读书笔记-<Word Power Made Easy> 01 “如何讨论人格特点”学习笔记 SESSIONS 1 本来这些章节都是在一两年前学习的,现在趁给友人送书的机会,重新做一次笔记,也再次复习一遍. 蓝色字体仍然是注释,粗体主要是标题和要背诵的单词.红色的部分是自己的心得.我比较关注发音,所以除非是非常简单和直白的发音,我一般会查询词典得到准确的读音音标,并放上来. TEASER PREVIEW (Teaser 片头,预告片,玩笑 Teaser trailer

2015.12.29~2015.12.30真题回顾!-- HTML5学堂

2015.12.29~2015.12.30真题回顾!-- HTML5学堂 吃饭,能够解决饥饿,提供身体运作机能.练习就像吃饭,强壮自己,提升编程技能,寻求编程技巧的最佳捷径!吃饭不能停,练习同样不能停哦! HTML5真题[2015.12.29]题目 学习JavaScript或应用JavaScript进行脚本开发,“变量”这是必须要学会使用的.什么是变量呢?又什么作用呢?ok,大家稍安勿躁哦,试体验体验这题目<HTML5真题[2015.12.29]题目>与 <HTML5真题[2015.12