Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >HTML请求未呈现结果AngularJS

HTML请求未呈现结果AngularJS
EN

Stack Overflow用户
提问于 2015-11-13 11:36:40
回答 1查看 449关注 0票数 0

我通过AngularJS的$http()函数将表单数据发送到一个Express服务器(相关代码见下文)。服务器处理传入的POST数据,通过res.render("some_EJS_view")呈现EJS表单,该表单将得到的HTML发送回客户端。

问题:客户机不会在响应中呈现此HTML。我知道客户端确实接收到了完全呈现的HTML,因为我使用Firefox的Firebug插件在响应中看到了HTML。

AngularJS代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// Called when user submits form.
$scope.loginUser = function() {
   $http({
      url: 'http://##.##.##.##:8080/login',
      method: 'POST',
      data: $scope.user // end form data
   });
}

但是,如果我在浏览器地址栏中发出请求(当然,更改服务器以侦听GET请求,并在服务器上设置虚拟值而不是$scope.user),浏览器将按预期呈现HTML。

如何让客户端呈现这个HTML? --我尝试使用服务器上的其他函数,比如res.send()res.sendFile(),而不是res.render(),但是没有什么会导致客户机自动呈现页面。

我可能在这里误解了一些基本的东西,但我希望得到任何建议。

EN

回答 1

Stack Overflow用户

发布于 2015-12-26 16:54:38

我找到了解决办法。我没有在JavaScript (AngularJS)中发出服务器请求,而是让HTML直接向服务器发送数据。我使用action属性将表单数据定向到Express路由。(现在我甚至没有使用AngularJS。)通过这种方式,浏览器自动呈现响应中发送的任何内容。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33700526

复制
相关文章
AngularJS HTML DOM
ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。
陈不成i
2021/07/23
8160
AngularJS实现跨域请求
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
1.3K0
AngularJS系列(七)——HTML DOM操作
ng-disabled 指令绑定应用程序数据"mySwitch" 到 HTML 的 disabled 属性。
逝兮诚
2019/10/30
5460
[angularjs] angularjs系列笔记(七)HTML DOM
AngularJs为HTML DOM元素的属性提供了绑定数据的指令 ng-disabled指令 ng-disabled指令直接绑定数据到HTML元素的disabled属性 ng-show指令 ng-show指令隐藏和显示一个HTML元素 ng-hide指令与ng-show相反 <div ng-app="Home"> <div ng-controller="ngDisabledTest"> 测试ng-disabled指令 <button ng-disa
唯一Chat
2019/09/10
3560
Angularjs和jQuery的ajax的请求区别
  Angularjs和jQuery的ajax的请求是不同的。在jquery中,官方文档解释contentType默认是application/x-www-form-urlencoded; charset=UTF-8
csxiaoyao
2019/02/18
1.5K0
拓扑图弹力布局呈现Flickr图片搜索结果
十年前有值得分享的图片我都存在Flickr上,可惜yahoo收购了Flickr之后堕落​好多年,最近yahoo在梅姐带领下Flickr团队终于恢复了生机,个人免费存储空间扩充到了1T,界面用户体验也有
HT for Web
2018/01/12
7290
拓扑图弹力布局呈现Flickr图片搜索结果
谷歌发布 AngularJS 1.0,允许扩展HTML语法
谷歌2012年06月15日发布了一个全新的Web模板——AngularJS 1.0。 谷歌称, AngularJS可以让你扩展HTML的语法,以便清晰、简洁地表示应用程序中的组件,并允许将标准的HTM
张善友
2018/01/29
1.4K0
谷歌发布 AngularJS 1.0,允许扩展HTML语法
javascript 请求 sse stream,解析结果
比如 目前 openai api 的 stream 返回。 标准的请求sse是 EventSource,但是这个无法像正常post一样,携带数据或者header。若你的接口需要进行鉴权,需要携带header或者body数据,像post请求一样,那么这个EventSource就没法用了。
shirishiyue
2023/05/28
3K0
原 基于HTML5的WebGL呈现A星算
最近搞个游戏遇到最短路径的常规游戏问题,一时起兴基于HT for Web写了个A*算法的WebGL 3D呈现,算法基于开源 https://github.com/bgrins/javascript-astar 的javascript实现,其实作者也有个不错的2D例子实现 http://www.briangrinstead.com/files/astar/ ,只不过觉得所有A*算法的可视化实现都是平面的不够酷,另外还有不少参数需要调节控制,还是值得好好搞个全面的Demo,先上张2D和3D例子的对照图。http
HT_hightopo
2018/06/05
7030
【AngularJS】 # AngularJS入门
ng-app 指令定义一个 AngularJS 应用程序。 若不声明,将直接显示表达式。
全栈程序员站长
2022/09/15
23.3K0
【AngularJS】 # AngularJS入门
[android] 请求码和结果码的作用
当一个界面中要要开启多个带有返回值的activity时,这个时候,就需要用到请求码和结果码了
唯一Chat
2019/09/10
5200
(4)Angular的开发
angular框架,库,是一款非常优秀的前端高级JS框架,有了这个框架就可以轻松构建SPA应用程序,通过指令宽展了HTML,通过表达式绑定数据到HTML。
达达前端
2019/07/22
3.1K0
JS示例11-ajax对象(未封装请求)
1、ajax对象(XMLHttpRequest和ActiveXObject) 2、如何兼容IE6浏览器
专注APP开发
2019/11/07
2.3K0
JS示例11-ajax对象(未封装请求)
基于HTML5的3D网络拓扑树呈现
在HT for Web中2D和3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到指定的节点比较困难,而3D上的树状结构在
HT_hightopo
2018/07/09
1.4K0
【AngularJS】—— 1 初识AngularJs
怀着激动与忐忑的心情,开始了学习AngularJS的旅程,很久之前就听说了这个前端框架,但是由于自己一直没有从事相关的工作,因此也没有进行学习。这次正好学习AngularJS,直接复习一下前端的知识。目前这里还是弱点,慢慢深入的学习。   AngularJS是Google的优秀的前端框架,目前已经应用于多个产品。   通过w3cschool.cc的学习,简单的了解了下它的使用方法,但是对于原理还没有理解。   AngularJs相对于其他的框架来说,有一下的特性:   1 MVVM   2 模块化
用户1154259
2018/01/17
2.8K0
[Elasticsearch] ES聚合场景下部分结果数据未返回问题分析
在对ES某个筛选字段聚合查询,类似groupBy操作后,发现该字段新增的数据,聚合结果没有展示出来,但是用户在全文检索新增的筛选数据后,又可以查询出来, 针对该问题进行了相关排查。
awwewwbbb
2021/12/30
1.7K0
[Elasticsearch]  ES聚合场景下部分结果数据未返回问题分析
基于HTML5的3D网络拓扑树呈现
在HT for Web中2D和3D应用都支持树状结构数据的展示,展现效果各异,2D上的树状结构在展现层级关系明显,但是如果数据量大的话,看起来就没那么直观,找到指定的节点比较困难,而3D上的树状结构在
HT for Web
2018/01/03
1.4K0
基于HTML5的3D网络拓扑树呈现
html请求跨域和referer
后端请求 后端redirect重定向页面 使用form请求,ajax请求要单独设置跳转(ajax是页面局部刷新) 修改请求头部 w.Header().Set(“Access-Control-Allow-Origin”, “*”) w.Header().Set(“Access-Control-Allow-Headers”: “X-Requested-With,X_Requested_With,X-PINGOTHER,Content-Type”); w.Header().Set(“Access-Cont
sofu456
2021/12/06
2K0
前端 Fiddler 抓包修改请求响应结果
实际前端开发中,对接线上发布的后端接口,由于业务比较复杂,也设计到以前的库表,开发过程经常会出现部分页面数据不完整,无法对接整个流程,日常前端开发也有其他方式实现功能测试验证:
草帽lufei
2022/07/29
5600
前端 Fiddler 抓包修改请求响应结果
AngularJS入门心得3——HTML的左右手指令
  在《AngularJS入门心得1——directive和controller如何通信》我们提到“AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。这里AngularJS就应运而生,弥补了HTML的天然缺陷,用于构件Web应用等。”   那么AngularJS如何弥补HTML的缺陷,指令可能是最好的回答。 指令是什么??? 指令就是一些附加在HTML元素上的自定义标记(可以是属性A、元素E、css类
JackieZheng
2018/01/16
3.2K0
AngularJS入门心得3——HTML的左右手指令

相似问题

未正确呈现AngularJS的HTML页面

14

AngularJS未呈现Internet 8中的结果

13

AngularJs - html呈现

27

AngularJS组件未呈现

34

未呈现AngularJS指令

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文