Javascript 如何构建web前端

不确定这是否是问这个问题的正确地方，我有两个使用slim php框架构建的web服务，我已经成功地将其集成到一个移动应用程序中，我想构建一个相同的web界面，我的最佳选择是什么？我知道我可以使用JavaScript实现这一点，但我的主要困惑是如何从前端调用这些REST API以及使用哪个框架。

您可以使用jquery（）或XR（）或request（）等从任何web界面调用REST web服务

这些链接包含几个示例

我想建立一个相同的网络界面我最好的选择是什么

您的最佳选择取决于您的总体要求和设置。如果希望在Web界面中提供与移动应用程序相同的功能，请使用复杂的框架，如AngularJS、BackboneJS、Ember等

外面有很多。了解这些框架是如何工作的，以及这些工作流是否适合您的需要，这一点很重要。首先，我建议大家看看AngularJS

我知道我可以使用JavaScript实现这一点，但我的主要困惑是如何从前端调用这些RESTAPI以及使用哪个框架

如果不使用任何框架，可以使用普通Javascript或jQuery调用REST端点。下面是一个简单JS的示例：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.org/api/...", true);
//register listener
xhr.onreadystatechange = function() {
   ...
}
xhr.send();

像AngularJS这样的框架有预先内置的组件来调用RESTAPI

一个陷阱可能是您必须启用CORS，这取决于您的设置。确保服务器正确处理这些请求。您必须在服务器端设置这些标头：

header("Access-Control-Allow-Origin: [YOUR_HTTP_DOMAIN_NAME]");
header('Access-Control-Allow-Credentials: true');
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, PATCH");

---

但是，由于您的移动应用程序正在使用REST API，因此web界面上的这些调用应该与您的移动调用类似。

您能告诉我AngularJs等框架在哪里发挥作用吗？AngularJs是一个构建网页的框架。如果您决定使用AngularJs，那么它已经附带了一个$http包，允许您使用http请求web服务。不，我不想要与我的移动应用完全相同的功能，有许多附加功能都不在移动应用程序中，我也没有制作一个响应迅速的web应用程序，要有一个良好的起点，使用Twitter引导程序进行布局，并从那里开始。似乎您需要一个用于管理的Web界面，如果需要的话，您必须对身份验证、附加功能等做出决定。AngularJS是一个非常成熟的框架来处理您的需求。Web框架和技术本身就是一个世界。好吧，这是有道理的，你是对的，我主要是想构建不需要响应的管理后端，但当我看到AJ2时，它似乎比普通HTML CSS和Jquery在框架方面重很多，不是吗？是的，如果你是Web工程领域的新手，它可能变得非常可怕。AngularJS在引擎盖下使用普通JS，同样的功能也可以通过普通JS实现。jQuery也是如此。随着应用程序的增长和复杂性的提高，仅仅使用HTML/CSS和纯JS的简单方法可能会成为一场噩梦。像AngularJS这样的框架提供了一个“安全”路径，因为它们可以为您提供一个完成工作的工作流。