Javascript 一个纯粹面向ajax的前端范例?

Javascript 一个纯粹面向ajax的前端范例?,javascript,jquery,jsp,spring-mvc,web,Javascript,Jquery,Jsp,Spring Mvc,Web,我是网络开发新手。我正在考虑前端网页的一般工作模式,如下所示: 首先,客户机将在某个URL上请求服务器,服务器将向客户机返回一个纯静态HTML页面。注意,这个静态HTML页面必须与CSS和Javascript连接起来。它可能包含稍后将填充的占位符 其次,在客户端浏览器中加载页面后,将调用init()脚本,并向服务器的RESTful API发送AJAX调用。服务器将响应一些数据到客户端进行初始显示。i、 e.填写步骤1中的占位符 现在客户端页面已准备就绪,所有占位符都已填充。客户可以查看页面并在

我是网络开发新手。我正在考虑前端网页的一般工作模式,如下所示:

  • 首先,客户机将在某个URL上请求服务器,服务器将向客户机返回一个
    纯静态HTML页面。注意,这个静态HTML页面必须与CSS和Javascript连接起来。它可能包含稍后将填充的
    占位符
  • 其次,在客户端浏览器中加载页面后,将调用
    init()
    脚本,并向服务器的RESTful API发送AJAX调用。服务器将响应一些数据到客户端进行初始显示。i、 e.填写步骤1中的占位符
  • 现在客户端页面已准备就绪,所有占位符都已填充。客户可以查看页面并在其上执行活动。这些活动可以触发对服务器RESTful API的即席AJAX调用,以获取必要的数据
  • 我认为这种模式有以下好处:

  • 最初的响应很快,因为它是纯静态HTML,第一个请求不涉及服务器端进程
  • 无需学习各种详细的语法,如JSP、表达式语言、scriptlet等
  • 简单的开发范式。服务器端只需要提供一个
    init()
    API和其他与业务相关的API,所有这些都是RESTful的
  • 这个范例行吗?是否存在任何
    限制或缺陷

    加1 还有一些想法:

    如果
    占位符
    只意味着被一些
    非交互式内容所取代,那么在通过调用服务器RESTful API获取必要数据后,让JS生成一些HTML片段可能很容易。但是如果
    占位符
    用于一些复杂的、交互式的
    内容,那么生成正确的HTML片段可能就不那么容易了。i、 e.
    在客户端用JS创建复杂的UI组件可能并不容易

    或者这种生成HTML片段的想法是错误的吗

    加2 相关线程:


    除非你是受虐狂,否则我会考虑使用现代的单页应用程序web框架,其中许多框架可以实现你的计划,但会为你节省大量精力

    例子包括:

    角JS: ReactJS: 帆船: Backbone.js Meteor.js Knockout.js

    等等,我会从Angular开始,然后从那里开始

    下面是一个不错的列表:


    如果你需要搜索引擎优化,那就太糟糕了。对于纯web应用程序(不需要任何由搜索引擎索引的非静态内容),这很好。对于一个网站-没有那么多。@ThiefMaster为什么SEO不好?是的,我确实在做一个内部项目,这是一个纯web
    应用程序
    。没有多少人会使用它,因为搜索引擎通常只索引静态内容。他们并不总是运行JavaScript(谷歌在某些情况下确实运行一些JS,但可能不是所有的)@ThiefMaster虽然有动态的
    占位符
    ,但我认为可能静态HTML内容已经包含了足够的SEO信息。我正在思考/努力理解现代web应用程序架构的方法。有时我的大脑并不那么合作。所以请不要关闭这个问题谢谢你的回复。我不打算重新发明轮子。由于我对网络开发还不熟悉,我只想确认一下我的想法是否正确。到目前为止,这似乎没有那么荒谬我认为你的想法是正确的,这就是为什么这些框架中有很多已经在做了,并且已经解决了你需要解决的问题。