现代Web开发人员可能错过一个强大的工具来提高可用性,而无需在计划或构建自己的网站时考虑Ajax。
在本文中,我们将讨论如何解决成都江北
网站建设的五个最常见的挑战。使用Ajax来增强网站上的内容,尽管关于所有五个主题都有很多讨论和研究,但是这个职位应该给初学者和中级Ajax开发人员一些可靠的技能,以便以更方便和易于理解的方式实现Ajax函数。
问题1:内容不是向后兼容当出现此问题时,设计人员已经将JavaScript和Ajax增强到他们的网站架构,而不指定禁用JavaScript的浏览器。
JavaScript和Ajax网站有哪些错误JavaScript应该被视为规划过程的一部分,但是您应该确保站点是向后兼容的。
解决方案:将Ajax实现为已经运行的网站的增强
尽管Ajax可能计划网站的总体架构,以确保所有工作都可以通过常规的服务器端方法来完成。
假设您有一个员工信息页面,每个员工有一个单独的链接。使用服务器端技术,您可以基于查询字符串的值显示特定员工的内容,以便:
上面所有的链接指向雇员页面上的同一页面,并根据变量查询字符串。每个雇员的信息将以多种方式从服务器加载:通过服务器端;通过数据库;甚至使用XML。
是否单击了雇员链接,则页面通过所请求的信息加载。
因此,在任何Ajax增强层之上的内容都是完全可以接受的。然后,使用JavaScript,全页刷新可以中断和内容,而不是通过AJAX加载。单击链接可以通过ID或检查锚href属性的值来确定。
尽管内容可以完全禁用javascript,但是大多数用户会看到增强的AJAX驱动程序版本。
Ajax渐进增强的原理是众所周知的,因为它是常用的JavaScript技术和固有的CSS,如下图所示:
因此,在没有JavaScript的情况下构建网站,然后添加JavaScript作为增强,就像添加HTML内容然后使用CSS增强一样。
问题2:浏览器加载指示器不通过Ajax请求触发几乎所有浏览器都直观地显示要加载的用户内容。在当前浏览器中,指示标签中显示的加载内容。
下面的图片显示了来自几个流行浏览器的动画指示器。
问题是Ajax请求不触发这个负载度量,即内置浏览器。
解决方案:在内容、负载上插入类似的负载指数
这种常见的解决方案是将自定义进度指示符作为Ajax请求。许多网站提供免费加载的图形。
为站点的Ajax功能实现自定义加载图形或渐进指示器,只需在适当的时候通过JavaScript显示和隐藏它。
Ajax代码将包括几行代码,这些代码告诉您请求是否正在进行或已经完成。
问题3:用户不知道Ajax请求已经完成这常常被忽略,因为开发人员可能认为缺少的负载度量可以通知用户内容已经完全加载。但是在大多数情况下,它所显示的内容已经更新或刷新得更好。
解决方案:用唯一请求完成的消息
这可以通过提交这样的表单来确认。在已经提交给Digger的链接页上,请非常清楚地告知您已经收到了您的提交:
Digg形式提交指示符
虽然这个指示符没有指示Ajax请求的完成,但原理是相同的:在成功对话框出现后,加载提交表单的页面,这与框不同。
在Ajax请求中可以使用类似的图表或度量来告诉用户内容已经更新。这是除了实现之外,而不是以前的问题,建议的进度指示符。
一种类似但微妙的方式来显示一个区域的内容已经更新为黄色衰落技术。这种方法对于用户来说很熟悉,而工程和Ajax则加载内容。
问题4:Ajax请求无法访问第三方网站上的服务这个对象对象位于所有Ajax请求的根部,它限制了页面在同一域中的请求。但有时您希望通过Ajax请求访问第三方数据。许多Web服务允许它们的数据通过API。
解决方案:使用服务器作为代理
这个问题的解决方法是在服务器和浏览器之间使用第三方服务代理。虽然方案的细节远远超出了本文的范围,但我们将遵循的基本原则仍在起作用。
因为Ajax请求来自客户端的浏览器,所以它必须在另一个位置引用文件,但是与请求源在同一域中。
与客户端的浏览器不同,服务器并不受这种限制。因此,当调用服务器上的页面时,它在后台运行,因为它通常同时访问任何域。
因为第三方服务请求在您的服务器上,所以用户没有安全风险。因此,一旦在服务器级别获得信息,Ajax调用的下一步就是将响应返回给客户端,客户端将包括从第三方Web服务获得的数据。
问题5:深层链接不可用这是一个棘手的问题,但它不能取决于您需要的站点或应用程序的类型。当出现问题时,内容通过AJAX加载,因此国家的网站不受未指向的页面URL更改的影响。
如果用户通过与朋友共享的书签或链接返回页面,则不会自动显示更新的内容。网站将恢复到原来的状态。Flash也有同样的问题:不允许用户链接到任何初始屏幕。
解决方案:使用锚定内部页面
确保使用AJAX驱动的页面链接和特定国家的书签来修改URL,而不刷新页面或影响其垂直位置。
案例部分:
以上是一个功能块代码,但是一个理论例子来证明所涉及的主要步骤
代码的前两行从当前页面位置(URL)获取变量,然后将位置转换为字符串,我们可以对其进行操作。
接下来,通过锚定(#),然后查看数组,从分割中创建多于一个的项。大于一个意味着URL的锚。
如果URL只是其中的一部分,则意味着没有锚。后续的切换声明包含基于锚值的内容。在切换语句中有一个默认选项。如果不存在锚,它将在原来的状态下加载同一页。
此外,我们将编写代码来处理链接,通过内部锚直接指向特定内容。指向将加载到内容上的内容的链接,字符串#内容将附加到当前页面的URL。
这将添加一个内部锚来更改URL,保持页面视图不变,但保留一个标识符来表示页面的所需状态。
这个解释只是一个理论。工作的概念,它工作得很好。但我没有说这样的网站或网站建设的所有可能性,缺点和其他微妙之处。
成都江北网站建设遵循更全面的讨论,下面的链接,或者自己尝试一下。另外,请注意,这可以用于在不使用Ajax的情况下更改要与JavaScript分开测试的内容。
本文题目:成都江北网站建设:如何在web设计中解决ajax问题
当前地址:/news14/226164.html
成都网站建设公司_创新互联,为您提供网站设计公司、云服务器、建站公司、网站维护、网站策划、微信小程序
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联