首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular2 post,但仍无法获取带有操作的struts中的值

Angular2是一种流行的前端开发框架,用于构建Web应用程序。它是Angular框架的第二个版本,具有许多改进和新功能。

在Angular2中,"post"是一个HTTP请求方法,用于向服务器提交数据。它通常用于创建新的资源或执行某些操作。要在Angular2中执行一个带有操作的"post"请求,并获取来自服务器的值,可以使用Angular的HttpClient模块。

以下是一个示例代码,展示了如何在Angular2中执行一个带有操作的"post"请求,并获取来自服务器的值:

代码语言:txt
复制
import { HttpClient } from '@angular/common/http';

// 在组件的构造函数中注入HttpClient
constructor(private http: HttpClient) { }

// 在某个方法中执行"post"请求
performPostWithAction() {
  const url = '服务器URL地址';
  const data = { 操作数据 };

  this.http.post(url, data).subscribe(response => {
    // 处理服务器响应
    console.log(response);
  });
}

在上面的代码中,我们首先导入了HttpClient模块,并在组件的构造函数中注入了HttpClient。然后,我们定义了一个名为"performPostWithAction"的方法,该方法执行一个"post"请求。我们指定了服务器的URL地址和要发送的数据。通过调用HttpClient的post方法,并传递URL和数据,我们可以发送"post"请求。最后,我们使用subscribe方法来订阅服务器的响应,并在回调函数中处理响应数据。

请注意,上述代码中的URL和数据应根据实际情况进行替换。此外,还需要确保在Angular应用程序中正确配置HttpClient模块。

关于Angular2的更多信息和教程,可以参考腾讯云的Angular2产品介绍页面:Angular2产品介绍

希望以上信息对您有所帮助!

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

aardiowhttp库调用post()后如何获取headercookie

目前whttp库调用get和post无法通过readHeader()函数读取返回header。...因为一鹤认为一个请求完毕以后就不应该再去获取header了, 想要获取header必须在请求完毕之前完成。...因为readHeader函数必须在请求完成之前调用才能获取到header,而一鹤写库里面,只有请求method=”head”时才调用这个函数, 其他如post、get方法都不会调用。...控制这个逻辑代码在whttp库down函数里面,大概573行: if( method == “HEAD” || noReceiveData ){ this.readHeader(); this.endRequest...(); return true; } 只要把    this.readHeader(); 这行代码移动到这个判断语句外面, 就可以在post()之后再调用readHeader来获取返回http头了

35140
  • Angular2 :从 beta 到 release4.0 版本升级总结

    Angular 模块是带有 @NgModule 装饰器函数类。 @NgModule 接收一个元数据对象,该对象告诉 Angular 如何编译和运行模块代码。...组件迁移后,无法正确订阅事件 原因:angular(v4.0.0)依赖注入,若在不同地方声明provider,则会创建不同实例。...进行静态引导.静态方案可以生成更小,启动更快应用,默认优先使用。此处因为有些动态计算环境代码,故编译失败,此处手动关闭。 5....无法从router里获取RouteParamsAPI。 原因:angular(v4.1.1),使用ActivatedRouteAPI获取路由信息。...解决办法:注入DomSanitizer服务可以把一个标记为可信任,这里添加了一个叫safeUrlpipe组件,位于app/shared/pipe/safe-url.main.pipe.ts。

    8.2K00

    javaWeb项目(SSH框架+AJAX+百度地图API+Oracle数据库+MyEclipse+Tomcat)之一 基础Struts框架搭建篇

    ,我们需要在前台和后台写大量代码,那么另外一种方式就是通过Struts 框架,封装操作。...Struts核心功能就是拦截器;3要有相应action类是后台操作类。...接下来有一个method="xxx" ,这是具体映射到类某个方    法,如果不写就是默认execute()方法。   ...这里我们看到,后台不需要写request来获取前端传过来,因为我们有了set访问器,通过Struts自动传了,简化了代码   一个最简单Struts框架就搭建了。   ...我在想如果把标签都换成Struts呢,后来改了一下,发现效果        都没有了。虽然Struts标签有个cssStyle.但是改了之后,虽然有变化,还是磨合不到一起去。

    1.1K90

    实战 | Change Detection And Batch Update

    开发,当与用户或服务器发生交互时,需要我们手动获取数据并更新DOM,这个过程是繁琐、易错。...$apply()进行脏检测,核心代码如下 遍历所有scope$$watchers,通过get获取到最新同last比较,变化了则通过调用fn更新DOM。...小结 在Angular1我们是直接操作数据,这个过程Angular1是感知不到,只能在某个点调用$apply进行脏检测,所以默认就是批量更新。...Angular2 当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据比较来决定是否更新UI,这点和Angular1检测有点像,但是Angular2...Zone.js Angular2同Angular1一样都是直接操作数据,框架都无法直接感知数据变化,只能在特定时机去做批量更新。

    3.2K20

    Struts2框架学习之二

    在结果页面的配置, Struts2有两种配置方式,一种称为全局结果页面,一种称为局部结果页面。全局结果是指在这个包下所有返回相同字符串,都可以向这个页面来进行跳转。...Struts2预定义ResultType如表所示:   其中红色几个比较常用,需要重点记忆,其他了解即可。...封装到一个 Javabean,然后将 Javabean传递给业务层。那么这些操作Struts2已经替我们都想好了。 Struts2将数据封装分成两大类,一类被称为是属性驱动,一类被称为是模型驱动。...若需要传入数据很多的话,那么 Action属性也会变得很多。...如果页面向多个对象中封装,那么就需要使用属性驱动方式二了。这些都是像某个对象中封装数据,那么如果 Action需要一个对象集合呢?又应该如何进行数据封装呢?

    74620

    Angular12个经典问题,看看你能答对几个?(文末附带Angular测试)

    Angular2,组件中发生任何改变总是从当前组件传播到其所有子组件。如果一个子组件更改需要反映到其父组件层次结构,我们可以通过使用事件发射器api来发出事件。...这通常用在setter,当类被更改完成时。 可以通过模块任何一个组件,使用订阅方法来实现事件发射订阅。...loadChildren会从根文件夹获取绝对路径。RouterModule.forRoot()会获取routes数组并配置路由器。 在子模块中导入模块特定路由。...因为shadow DOM本质上是静态,同时也是开发人员无法访问,所以它是一个很好候选对象。因为它缓存DOM将在浏览器呈现得更快,并提供更好性能。...Promises vs Observables Promises: 返回单个 不可取消 Observables: 可以使用多个 可取消 支持map,filter,reduce和类似的操作符 ES 2016

    17.3K80

    Change Detection And Batch Update

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 前言 在传统WEB开发,当与用户或服务器发生交互时,需要我们手动获取数据并更新DOM,这个过程是繁琐、易错。...$apply()进行脏检测,核心代码如下 遍历所有scope$$watchers,通过get获取到最新同last比较,变化了则通过调用fn更新DOM。...$apply(); }); 小结 在Angular1我们是直接操作数据,这个过程Angular1是感知不到,只能在某个点调用$apply进行脏检测,所以默认就是批量更新。...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据比较来决定是否更新UI,这点和Angular1检测有点像,但是Angular2更新没有副作用...Zone.js Angular2同Angular1一样都是直接操作数据,框架都无法直接感知数据变化,只能在特定时机去做批量更新。

    3.3K40

    Change Detection And Batch Update

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 前言 在传统WEB开发,当与用户或服务器发生交互时,需要我们手动获取数据并更新DOM,这个过程是繁琐、易错。...$apply()进行脏检测,核心代码如下 ? 遍历所有scope$$watchers,通过get获取到最新同last比较,变化了则通过调用fn更新DOM。...$apply(); }); 小结 在Angular1我们是直接操作数据,这个过程Angular1是感知不到,只能在某个点调用$apply进行脏检测,所以默认就是批量更新。...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据比较来决定是否更新UI,这点和Angular1检测有点像,但是Angular2更新没有副作用...Zone.js Angular2同Angular1一样都是直接操作数据,框架都无法直接感知数据变化,只能在特定时机去做批量更新。

    3.7K70

    SSH 项目过程遇到问题和解决方法汇总 struts2 spring hibernate

    json: 如果单独返回,不用配置返回的话,就需要手工配置返回字符编码 action函数执行完不要返回任何东西,需要先操作response response.reset(); response.setContentType...回答: 1.可以全部一次获取到前台 2.可以下拉一个之后,就submit到同一个jsp,刷新页面(如果jsp有原来strutsaction传来收据的话,这种做法就行不通了) 3.ajax~~ 建议使用第一种...在第 二个action获取相应参数(这时还是继续有struts自动封装效果)。 (见阳江项目) 问题:struts2如何批量删除? 答案:这个跟普通jsp+Servlet做法类似。...那么在后台获取String[],则只有“1”和“4” 问题:怎么直接new新建一个DAO或者Service进行测试? 答案:通过Spring,获取配置文件Bean。...问题:spring启动线程,或者普通java类怎么获取web目录?例如删除临时文件线程类

    1K30

    Struct2系列漏洞

    struct2OGNL%与$:(struct2OGNL通常是以这两个符号开始): %:其可以取出存在valueStackaction对象,如:%{getkey(‘key’)} $:在struct2...name 变量,当触发 redirect 类型返回时,Struts2 获取使用 {/name} 获取,在这个过程中会对 name 参数执行 OGNL 表达式解析,从而可以插入任意 OGNL 表达式导致命令执行...- 链接不包含请求任意参数值(默认) get - 链接只包含 GET 请求参数和其 all - 链接包含 GET 和 POST 所有参数和其 用来显示一个超链接,当includeParams...在实践复现时候发现,由于 name 位置比较特殊,一些特殊字符如 / “ \ 都无法使用(转义也不行),所以在利用该点进行远程命令执行时一些带有路径命令可能无法执行成功。...还有需要说明就是在 Struts 2.3.14.1 - Struts 2.3.14.2 更新内容,删除了 SecurityMemberAccess 类 setAllowStaticMethodAccess

    1.4K21

    S2-061 Struts2远程代码执行漏洞复现 (POC详解)

    Struts2 会对某些标签属性(比如 id) 属性进行二次表达式解析,因此当这些标签属性中使用了 %{A} 且 A 用户可控时,用户再传入一个 {payload}即可造成OGNL表达式执行。...漏洞影响版本 Struts 2.0.0-2.5.25 什么是OGNL表达式 是Struts 2用于查询和操作对象表达式语言,它允许开发者直接访问对象属性和方法。...OGNL三要素 - Expression表达式 - root根对象、即操作对象 - context上下文,用于保存对象运行属性及,有点类似运行环境意思,保存了环境变量 OGNL三个重要符号:...#、%、$ 这里主要介绍% %: 其用途是在标志属性为字符串类型时,计算OGNL表达式,类似JS函数eval()。...获取items对象title属性,title为数组,取数组索引为0位置 OGNL注入原理 利用 Web 应用程序对用户输入没有正确地验证和过滤,导致可以通过在用户输入插入OGNL表达式。

    42310

    CVE-2020-17530:Struts OGNL表达式解析漏洞分析

    影响范围Struts 2.0.0 - Struts 2.5.25漏洞类型OGNL表达式解析利用条件开启altSyntax功能标签属性中使用了`%{x}`且`x`用户可控漏洞概述Struts2会对某些标签属性.../>总体限制归纳如下:无法直接执行命令无法new一个对象无法使用反射机制无法调用静态方法无法调用方法属性非public方法无法调用黑名单类和包方法、属性同时在struts2在ognl.OgnlRuntime...实例化对象:该类有一个newInstance方法,它可以实例化任意无参构造方法类并返回,也就是说我们现在绕过了无法new一个对象限制,不过这个对象必须存在public无参构造方法:那么我们如何获取到...在S2-057采取措施是通过#attr 、#request等map对象struts.valueStack间接获取OgnlContext ,而在S2-057补丁把com.opensymphony.xwork2...和setExcludedPackageNames覆盖掉黑名单之前提到过最新struts2即使绕过了沙盒依然不能直接调用常用类来进行利用,但是我们清空了黑名单之后就可以实例化任意黑名单类,看下黑明单包

    28210

    ActionContext_javacontext模式

    当你需要为许多Action提供通用的话,可以让每个Action都提供getXXX()方法,更好方法是在拦截器或JSP模板把这些通用存放到ActionContext(因为拦截器或JSP模板往往通用于多个...获取这些时候就需要用requestMap了,因为ActionContext里没有。...Parameters,即GET请求或POST请求参数 Parameters为GET或POST等请求时浏览器向服务器传递而来参数。...因此,在Struts2各个部件操作parameters方法和操作requestMap方法十分相似,本段不再详述。 4....总之,Struts2对HttpServletSession操作要先通过HttpServletRequest来获得它,而对sessionMap操作与对requestMap操作如出一辙,本段不再详述

    34110

    S2-061_RCE_CVE-2020-17530

    影响范围 Struts 2.0.0 - Struts 2.5.25 漏洞类型 OGNL表达式解析 利用条件 开启altSyntax功能 标签属性中使用了`%{x}`且`x`用户可控 漏洞概述 Struts2...会对某些标签属性(比如:'id')属性进行二次表达式解析,因此当这些标签属性中使用了'%{x}'且'x'用户可控时,用户再传入一个'%{payload}'即可造成OGNL表达式执行,S2-061...new一个对象 无法使用反射机制 无法直接执行命令 无法调用静态方法 无法调用方法属性非public方法 无法调用黑名单类和包方法、属性 同时在struts2在ognl.OgnlRuntime#invokeMethod...在S2-057采取措施是通过#attr 、#request等map对象struts.valueStack间接获取OgnlContext ,而在S2-057补丁把com.opensymphony.xwork2...之前提到过最新struts2即使绕过了沙盒依然不能直接调用常用类来进行利用,但是我们清空了黑名单之后就可以实例化任意黑名单类,看下黑明单包类freemarker.template.utility.Execute

    63310

    Angular2 VS Angular4 深度对比:特性、性能

    接下来一起了解Angular2这个版本发布原因以及如何将其添加到Web开发。 ...动态载入: 这是之前Angular版本均不具备功能,Angular2包含了这个功能,即使在开发人员忙碌时,也能够添加新指令或控件。 模板: 在Angular2,模板编译过程是异步。...设计: 所有这些逻辑都是使用管道架构创建,这使得将自己操作添加到管道或删除默认操作变得非常简单。此外,它异步字符允许开发人员在管道,实现对用户进行身份验证或加载控件信息服务器请求。...scope: $scope 从Angular2删除了。...模板源映射: 每当模板某些内容出现错误时,都将创建源映射,为原始模板提供有意义说明内容。 结论: 对于处于学习阶段的人来说,Angular会有点混乱。

    8.7K20

    经典笔试题-Web篇

    131、get 和post 区别?【基础】 答:Form get 和post 方法,在数据传输过程中分别对应了HTTP 协议GET 和POST 方法。...连接,而各个变量之间使用“&”连接;Post 是将表单数据放在form 数据体,按照变量和相对应方式,传递到action所指向URL; 3)Get 是不安全,因为在传输过程,数据被放在请求...URL Post 所有操作对用户来说都是不可见; 4)Get 传输数据量小,这主要是因为受URL 长度限制;而Post 可以传输大量数据,所以在上传文件只能使用Post; 5)Get 限制...134、页面中有一个命名为bank No 下拉列表,写脚本获取当前选项索引。...158、说出struts 标签。

    83510
    领券