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中的占位符 现在客户端页面已准备就绪,所有占位符都已填充。客户可以查看页面并在
纯静态HTML页面。注意,这个静态HTML页面必须与CSS和Javascript连接起来。它可能包含稍后将填充的占位符
init()
脚本,并向服务器的RESTful API发送AJAX调用。服务器将响应一些数据到客户端进行初始显示。i、 e.填写步骤1中的占位符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应用程序架构的方法。有时我的大脑并不那么合作。所以请不要关闭这个问题谢谢你的回复。我不打算重新发明轮子。由于我对网络开发还不熟悉,我只想确认一下我的想法是否正确。到目前为止,这似乎没有那么荒谬我认为你的想法是正确的,这就是为什么这些框架中有很多已经在做了,并且已经解决了你需要解决的问题。