zoukankan      html  css  js  c++  java
  • AJAX与传统Web开发比较

         AJAX:

    什么是AJAX

            AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

            AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。

            AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换

            AJAX 可以使网页实现异步更新,意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

    AJAX的特点

           基于Web标准,使用文档对象模板(Document Object Model)作动态显示和交互
                   ·解决页面数据获取,服务器数据解析,无刷新页面更新
           使用XML和XSLT进行数据交换及相关操作
           使用XMLHTTPRequest进行异步数据查询和接收
                   ·解决异步交互的问题
           使用JavaScript将所有的东西绑定在一起
                  ·其他AJAX技术的桥梁,最主要的编程语言JS基础。JS的高级内容。JSON格式

         思维方式

    用户体验

            在传统Web开发中,如果想得到服务器端数据库或文件上的信息,或者发送客户端信息到服务器,需要建立一个HTML form然后GET或者POST数据到服务器端。用户需要点击”Submit”按钮来发送或者接受数据信息,然后等待服务器响应请求,页面重新加载。因为服务器每次都会返回一个新的页面,所以传统的web应用有可能很慢而且用户交互不友好。即:查看—>提交—>等待—>新页面查看—>新的提交...
            页面跳转,全页面刷新。用户体验会中断


            使用AJAX技术, 就可以使Javascript通过XMLHttpRequest对象直接与服务器进行交互。通过HTTP Request, 一个web页面可以发送一个请求到web服务器并且接受web服务器返回的信息(不用重新加载页面),展示给用户的还是同一个页面,用户感觉页面刷新,也看不到到Javascript后台进行的发送请求和接受响应。
            AJAX在用户体验方面的过程:查看—>提交—>继续浏览—>旧页面查看—>新的提交...页面无刷新,用户体验连贯。


    AJAX使用的是异步,传统的Web是使用的同步。
    同步更新是需要对整个页面进行更新,并且以新页面的形式显示出来。


             异步更新是后台和服务器进行少量数据交换,即不重新加载整个网页就可以对网页的某部分进行更新。而AJAX减少了用户的等待时间。

            

    开发思维

    传统的Web   PK   AJAX方式


          优缺点

    优点:

    1、通过异步模式,网页无刷新,提升了用户体验。
    2、优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用。
    3、Ajax引擎在客户端运行,承担了一部分本来由服务器承担的工作,从而减少了大用户量下的服务器负载。

    4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。

    缺点:

    1、ajax不支持浏览器back按钮。
    2、安全问题 AJAX暴露了与服务器交互的细节。
    3、对搜索引擎的支持比较弱。
    4、破坏了程序的异常机制。
    5、不容易调试。

  • 相关阅读:
    vue form dynamic validator All In one
    TypeScript api response interface All In One
    closable VS closeable All In One
    macOS 如何开启 WiFi 热点 All In One
    vue css inline style All In One
    vs2010里面 新建网站里面的 asp.net网站 和 新建项目里面的 asp.net Web应用程序 的区别 (下)
    牛腩新闻 59 整合添加新闻页 FreeTextBox 富文本编辑器,检测到有潜在危险的 Request.Form 值,DropDownList 的使用
    牛腩新闻 61尾声: error.aspx的使用 防止报错
    vs2010里面 新建网站里面的 asp.net网站 和 新建项目里面的 asp.net Web应用程序 的区别 (上)
    牛腩新闻 62:尾声续2 asp.net的编译和发布
  • 原文地址:https://www.cnblogs.com/chenxiaochan/p/7237620.html
Copyright © 2011-2022 走看看