ajax 开发守则 10条说明_Jquery_Ajax_Javascript

夜鹰教程网-程序员的加油站

·设为首页·加入收藏

本站首页技术文章全套前端云课堂智慧校园

你好，欢迎来到夜鹰网！【去购买教程】

当前位置：文章中心 >> Jquery_Ajax_Javascript

ajax 开发守则 10条说明

夜鹰教程网来源：www.yyjcw.com 日期：2016-10-28 13:52:02

介绍ajax开发十大守则，相信对开发人员会有用的。

1. 前、后端都要做好安全的把关工作
不能单靠前端做安全验证工作，后端也必须有过滤机制，检验前方传来的资料。由于Ajax也会接收后端传送来的资料，对这些资料都要采取不信任态度，必须加以检查。
2. 尽量以HTTP POST方法传输资料
使用GET方法容易让有心人士得到资料，虽然POST并非万无一失，但比起GET至少较为安全。
3. 不要直接用eval函数唤起JSON对象
JSON(JavaScript Object Notation)是采用JavaScript对象的资料格式，从后端传到Ajax程序时，必须採用eval函式将它从字串转成对象，这时必须先行检查资料中是否有非法字符，以免非法程序借机启动。
4. 限制使用者可用的HTML语法
许多Ajax网站允许使用者在留言中使用HTML语法，而某些特定语法应该严格限制，例如＜plaintext＞或是＜!- -这类语法，都会让置于之后的程序代码失效。
5. 禁止可留言的网页页面使用JavaScript语法
虽然乍看之下觉得不可思议，不过的确在一些论坛平台上发生过，这给XSS攻击开了大门。
6. 使用Ajax框架，必须注意安全性问题
由于骇客利用JavaScript进行攻击手法日新月异，当网页开发人员利用Ajax框架时，必须注意框架本身是否对某些特定手法具有防治行为。
7. 让用户知道自己身处的状况
当Ajax载入资料量大时，有时会让使用者产生错觉，不确定刚刚按下的按扭是否发生作用。因此开发人员必须设计适当的提示，让使用者了解目前程序的执行状况。
8. 保持小量传输
Ajax的灵活性在于动态改变局部资料量，因此小量传输资料才能达到最高效益。如果一大张资料表都要透过DOM的操作来改变，不如就由后端程序与资料库来操作，效益更高。
9. 注意易用性与内容的平衡
Ajax虽然为使用者带来浏览时的易用性，不过如果将所有内容都透过Ajax来产生，会造成搜索引擎无法索引资料的情况。因此与内容相关的部分，需谨慎使用Ajax。
10. 执行优雅降级原则
网站不要全面性採用Ajax技术，而只是局部增加互动性，这时必须考量不支持JavaScript的使用者，设法在不使用这些功能的前提下，让他们还能正常地浏览网站。
本文来自: 脚本之家(www.jb51.net) 详细出处参考：http://www.jb51.net/article/19446.htm

复制链接网友评论收藏本文关闭此页

上一条：四步学会 Ajax 下一条：揭开AJAX神秘的面纱(AJAX个人学习笔记)…

夜鹰教程网成立于2008年，目前已经运营了将近 13 年，发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。我们一直都在坚持的是：认证负责、一丝不苟、以工匠的精神来打磨每一套教程，让读者感受到作者的用心。我们默默投入的时间，确保每一套教程都是一件作品，而不是呆板的文字和视频！目前我们推出在线辅导班试运营，模式为一对一辅导，教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发，winform和物联网开发、web前端开发，但不仅限于此。普通班针对的是国内学员，例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。就业办针对即将毕业上岗的大四学生，或者打算转行的初级开发工程师。留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子，目的是让大家熟练地掌握编程技能，按时完成老师布置的作业，并能顺利地通过考试。详细咨询QQ：1416759661 夜鹰教程网