js浏览器刷新页面 ajax应用开发典型实例|AJAX应用之草稿自动保存(9)

2)在客户端方面，因为没有现成的AJAX应用框架，开发一个小型站点，很多业务逻辑需要从头开始设计开发，相当费事(工作量省不掉)。js浏览器刷新页面(程序员和我说，一个页面JS代码超过20行，就开始混乱了)。

3)由于是分布式的站点，所以AJAX跨域POST，跨域不能共享SESSION等问题，直接导致设计的工作量剧增。

总结：

1)期待更多基于客户端/服务端完整AJAX框架的不断成熟，如AJAX.NET。

2)随着RIA应用的不断普及和推广，web前端需要更多的设计师的加入。js浏览器刷新页面

来自AJAX实站

四篇 : 10大Ajax开发守则

1.前、端后都要做好安全的把关工作

不能单靠前端做安全验证工作，后端也必须有过滤机制，检验前方传来的资料。由于Ajax也会接收后端传送来的资料，对这些资料都要采不信任态度，必须加以检查。

2.尽量以HTTP POST方法传输资料

使用GET方法容易让有心人士得到资料，虽然POST并非万无一失，但比起GET至少较为安全。

3.不要直接用eval函式唤起JSON物件

JSON是采用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的使用者，设法在不使用这些功能的前提下，让他们还能正常地浏览网站。

五篇 : AJAX编写用户注册时的应用实例

这个例子是一个企业用户注册时的一个应用，当用户注册时检查用户名和企业名是否可用，以前的做法是在旁边加一个按钮，点击“检查”，就向服务器发出请求，然后等待……服务器返回信息，继续操作。

如果我们用AJAX技术来实现以上的操作则不必等待服务器返回信息，用户输入用户名或企业名称的时候，当输入文本框失去焦点的时候，则会自动向服务器发出请求，用户继续做下面的操作，不必点击“检查”，也不必等待服务器返回信息，检查与用户操作是异步的，可同时进行。当服务器信息返回的时候，会自动在面页相应位置显示返回信息，不必刷新页面，相当于局部刷新的效果。 下面我们来看代码吧。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-64907-9.html