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

如何从http.post (Angular2)调用的PHP文件中捕获回显的值?

从http.post (Angular2)调用的PHP文件中捕获回显的值,可以通过以下步骤实现:

  1. 在Angular2中使用HttpClient模块进行POST请求,将数据发送到PHP文件。示例代码如下:
代码语言:txt
复制
import { HttpClient, HttpHeaders } from '@angular/common/http';

// ...

constructor(private http: HttpClient) {}

// ...

postData(data: any) {
  const url = 'http://example.com/api.php'; // PHP文件的URL地址
  const headers = new HttpHeaders().set('Content-Type', 'application/json');

  return this.http.post(url, data, { headers }).toPromise();
}
  1. 在PHP文件中接收POST请求,并处理数据。可以使用$_POST全局变量获取POST请求的数据。示例代码如下:
代码语言:txt
复制
<?php
// ...

$data = $_POST; // 获取POST请求的数据

// 处理数据...

// 将处理结果返回给Angular2
echo json_encode($result);
?>
  1. 在Angular2中捕获PHP文件的回显值。在调用POST请求的地方,使用.toPromise()方法将请求转换为Promise对象,并使用.then()方法获取返回的数据。示例代码如下:
代码语言:txt
复制
// ...

postData(data: any) {
  // ...

  return this.http.post(url, data, { headers }).toPromise()
    .then(response => {
      const result = response.json(); // 解析JSON格式的回显值
      console.log(result); // 打印回显值
    });
}

以上是从http.post (Angular2)调用的PHP文件中捕获回显值的基本步骤。根据具体需求,可以进一步处理返回的数据,例如展示在页面上或进行其他操作。

关于Angular2、PHP、HTTP请求等相关知识,可以参考以下链接:

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

相关·内容

实用:如何将aop中的pointcut值从配置文件中读取

我们都知道,java中的注解里面的值都是一个常量, 如: @Pointcut("execution(* com.demo.Serviceable+.*(..))")...这种方式原则上是没有办法可以进行改变的。但是我们又要实现这将aop中的切面值做成一个动态配置的,每个项目的值的都不一样的,该怎么办呢?...application.properties 等配置文件。...这样,各项目只须要引用该jar,然后在配置文件中指定要拦截的pointcut就可以了。 ---- 大黄:本文主要为抛砖引玉,提供一个思路。...比如,我们定时器采用注解方式配置的时候,cron表达式也是注解里面的一个字符串常量,那么,我们能不能通过配置文件的方式来配置这个cron呢?原理都是一样的。

24K41

实战 | Change Detection And Batch Update

综上,说setState是异步的需要加一个前提条件,在React调用的方法中执行,这时我们需要通过回调获取到最新的state 相信这个道理大家不难理解,因为事件和生命周期方法都是React调用的,它想怎么玩就怎么玩...Angular1 Dirty Checking Angular1通过脏值检测去更新UI,所谓的脏值检测其实指Angular1从$rootScope开始遍历所有scope的$$watchers数组,通过比较新老值来决定是否更新...小结 在Angular1中我们是直接操作数据的,这个过程Angular1是感知不到的,只能在某个点调用$apply进行脏值检测,所以默认就是批量更新。...Angular2 当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2...在有些情况下这有助于调试,但是也可能导致性能下降,并且影响 watcher 回调的调用顺序。

3.2K20
  • Change Detection And Batch Update

    综上,说setState是异步的需要加一个前提条件,在React调用的方法中执行,这时我们需要通过回调获取到最新的state this.setState({val: 1}, () => { console.log...Angular1通过脏值检测去更新UI,所谓的脏值检测其实指Angular1从$rootScope开始遍历所有scope的$$watchers数组,通过比较新老值来决定是否更新DOM。...$apply(); }); 小结 在Angular1中我们是直接操作数据的,这个过程Angular1是感知不到的,只能在某个点调用$apply进行脏值检测,所以默认就是批量更新。...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2的更新没有副作用...在有些情况下这有助于调试,但是也可能导致性能下降,并且影响 watcher 回调的调用顺序。

    3.7K70

    Change Detection And Batch Update

    综上,说setState是异步的需要加一个前提条件,在React调用的方法中执行,这时我们需要通过回调获取到最新的state this.setState({val: 1}, () => { console.log...Angular1通过脏值检测去更新UI,所谓的脏值检测其实指Angular1从$rootScope开始遍历所有scope的$$watchers数组,通过比较新老值来决定是否更新DOM。...$apply(); }); 小结 在Angular1中我们是直接操作数据的,这个过程Angular1是感知不到的,只能在某个点调用$apply进行脏值检测,所以默认就是批量更新。...当数据变化时,Angular2从根节点往下遍历进行更新,默认Angular2深度遍历数据,进行新老数据的比较来决定是否更新UI,这点和Angular1的脏值检测有点像,但是Angular2的更新没有副作用...在有些情况下这有助于调试,但是也可能导致性能下降,并且影响 watcher 回调的调用顺序。

    3.3K40

    Go 语言网络编程系列(三)—— HTTP 编程篇:客户端如何发起请求

    学院君注:这里的 HTTP 客户端编程类似 PHP 里面使用 curl 或者 Guzzle 扩展包发起 HTTP 请求,HTTP 服务端编程类似实现 PHP 里面的 PHP-FPM 或者 Swoole...3、http.Post 要以 POST 的方式发送数据,也很简单,只需调用 http.Post() 方法并依次传递下面这 3 个参数即可: 请求目标的 URL POST 请求数据的资源类型(MIME Type...) 数据的比特流([]byte 形式) 下面的示例代码演示了如何上传用户头像: resp, err := http.Post("https://xueyuanjun.com/avatar", "image...此时可以通过 http.Client 类提供的 Do() 方法来实现,使用该方法时,就不再是通过缺省的 DefaultClient 对象调用 http.Client 类中的方法了,而是需要我们手动实例化...更多使用细节我们会在后续教程单独介绍,比如 Cookie 如何设置、文件如何上传和下载、请求/响应超时如何处理等,这里只是简单介绍这几个基本 HTTP 请求方法的使用。

    2.7K20

    Go 错误处理篇(三):panic 和 recover

    panic Go 语言没有像 Java、PHP 那样引入异常的概念,也没有提供 try...catch 这样的语法对运行时异常进行捕获和处理,当代码运行时出错,而又没有在编码时显式返回错误时,Go 语言会抛出...除了像上篇教程演示的那样由 Go 语言底层抛出 panic,我们还可以在代码中显式抛出 panic,以便对错误和异常信息进行自定义,仍然以上篇教程除数为 0 的示例代码为例,我们可以这样显式返回 panic...recover 此外,我们还可以通过 recover() 函数对 panic 进行捕获和处理,从而避免程序崩溃然后直接退出,而是继续可以执行后续代码,实现类似 Java、PHP 中 try...catch...语句执行完毕后,会退出抛出 panic 的当前函数,回调调用它的地方继续后续代码的执行。...如果在代码执行过程中没有抛出 panic,比如我们把 divide() 函数中的 j 值改为 1,则代码会正常执行到函数末尾,然后调用 defer 语句声明的匿名函数,此时 recover() 函数返回值为

    88810

    从零开始学 Web 之 Vue.js(四)Vue的Ajax请求和跨域

    但是我们知道,在Vue里面是不推荐使用jQuery的,那么如何使用Vue来发送Ajax请求呢? 在Vue中可以使用第三方插件vue-resource 来实现Ajax请求的发送。...(因为vue-resource.js文件是依赖于Vue的) 2、全局使用: then后面第一个参数是请求成功的回调函数;第二个参数是请求失败的回调函数。...获取到的结果在回调函数的参数中。...我们再改进一下,在script的src中传入的大多是后台文件,这里以php文件为例。 由于我们之前传入 js 文件只是想得到一个函数的调用而已,那么传入php文件怎么获取函数的调用呢? <!...")"; return; php代码返回的也是一个函数调用,我们需要的数据,就在其参数里面。

    1.5K31

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

    对于成熟的开发人员来说,有以上两种选择是一件很棒的事情;但是,对于处于学习阶段的新晋开发人员来说,可能有点不知如何选择。...接下来一起了解Angular2这个版本发布的原因以及如何将其添加到Web开发中。 ...scope: $scope 从Angular2中删除了。...这些修改促使视图部分生成的代码大小减少了大约60%。模板越是复杂,节省的就越多。 动画包: Angular4的开发人员将动画从Angular的核心部分提取出来,并将它们放在独立的包中。...这意味着如果开发人员不需要使用动画,就可以不创建这些额外的代码。 这个功能还能够帮助更方便的查找docs文件和使用自动完成功能。

    8.7K20

    Flutter异常捕获 | 从bugsnag源码学习如何追溯异常产生路径

    ,源码里却也有一些之我见的亮度值得借鉴和学习,比如本文主要介绍Bugsnag如何追溯异常路径的设计思想和实现,对异常捕获的认识有不少帮助。...页面路径(英语:breadcrumb或breadcrumb trail/navigation),又称面包屑导航,是在用户界面中的一种导航辅助。它是用户一个在程序或文件中确定和转移他们位置的一种方法。...如何添加路径两种方式:手动添加,通过调用bugsnag.leaveBreadcrumb自动添加,其中包括两个场景:导航栏跳转和 网络请求如上两个场景的的实现原理涉及到对应用性能的监控功能,重点分析其中原理...导航栏自动埋点实现原理MaterialApp: navigatorObservers 来实现对页面跳转的监听,Bugsnag中是通过自定义BugsnagNavigatorObserver,并在其回调函数中监听导航行为手动调用...这样Bugsnag就具有了对整个接入应用导航的监控能力,页面进入或者页面退出行为都可以被监控到。然后在步骤2回调中手动调用_leaveBreadcrumb 来实现对导航路径的监听。

    1.3K50

    Flutter异常捕获 | 从bugsnag源码学习如何追溯异常产生路径

    ,源码里却也有一些之我见的亮度值得借鉴和学习,比如本文主要介绍Bugsnag如何追溯异常路径的设计思想和实现,对异常捕获的认识有不少帮助。...页面路径(英语:breadcrumb或breadcrumb trail/navigation),又称面包屑导航,是在用户界面中的一种导航辅助。它是用户一个在程序或文件中确定和转移他们位置的一种方法。...如何添加路径 两种方式: 手动添加,通过调用bugsnag.leaveBreadcrumb 自动添加,其中包括两个场景:导航栏跳转和 网络请求 如上两个场景的的实现原理涉及到对应用性能的监控功能...导航栏自动埋点实现原理 MaterialApp: navigatorObservers 来实现对页面跳转的监听,Bugsnag中是通过自定义BugsnagNavigatorObserver,并在其回调函数中监听导航行为手动调用...这样Bugsnag就具有了对整个接入应用导航的监控能力,页面进入或者页面退出行为都可以被监控到。 然后在步骤2回调中手动调用_leaveBreadcrumb 来实现对导航路径的监听。

    1.1K50

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

    这是最常用的方法,用于从后端服务检索模板的数据。 ngDoCheck:检测并在Angular上下文发生变化时执行。每次更改检测运行时,会被调用。...在Angular2中,组件中发生的任何改变总是从当前组件传播到其所有子组件中。如果一个子组件的更改需要反映到其父组件的层次结构中,我们可以通过使用事件发射器api来发出事件。...这通常用在setter中,当类中的值被更改完成时。 可以通过模块的任何一个组件,使用订阅方法来实现事件发射的订阅。...如何在Angular 2中启用延迟加载? 大多数企业应用程序包含用各式各样的用于特定业务案例的模块。捆绑整个应用程序代码并完成加载,会在初始调用时,产生巨大的性能开销。...如果服务器的HTTP请求结果或其它一些异步操作不再需要,则Observable的订阅者可以取消订阅,而Promise将最终调用成功或失败的回调,即使你不需要通知或其提供的结果。

    17.4K80

    Angular2学习笔记

    现在基本上都是用angular-cli来组织文件,这个项目对Angular2提供了强大的支持,我们用起来也比以前方便了很多。...包括属性绑定、事件绑定、插值绑定以及双向绑定,主要用于组件内的变量在页面中的显示以及页面等。 服务。这包括两方面,一个是访问RESTFUL的服务,另一个是用来保存本地变量的。...访问RESTFUL的服务通常是使用Promise来进行异步回调使用的,访问本地变量的服务则要注意不要写成全局的变量,否则就会出现类似所有同时访问网站的用户都共享同一个变量的尴尬场面。。。 依赖注入。...依赖注入做的就是控制变量的传递关系,防止数据混乱的调用关系等等。 具体的使用方法等到需要的时候查看文档即可。...但是他也有很多的缺点,Angular2文档中列举了下面几点: 渲染得更快; 需要的异步请求更少; 需要下载的Angular框架体积更小; 提早检测模板错误; 更安全; 于是,Angular2又提出了一个新的编译方法叫

    2K10

    vue基础(三)

    ,但是还没有挂载到页面中 mounted:此时,已经将编译好的模板,挂载到了页面指定的容器中显示 运行期间的生命周期函数: beforeUpdate:状态更新之前执行此函数, 此时 data 中的状态值是最新的...,但是界面上显示的 数据还是旧的,因为此时还没有开始重新渲染DOM节点 updated:实例更新完毕之后调用此函数,此时 data 中的状态值 和 界面上显示的数据,都已经完成了更新,界面已经被重新渲染好了...之前的学习中,如何发起数据请求? 2. 常见的数据请求类型? get post jsonp 3....: 直接在页面中,通过script标签,引入 vue-resource 的脚本文件; 注意:引用的先后顺序是:先引用 Vue 的脚本文件,再引用 vue-resource 的脚本文件; 发送get请求...当通过 then 指定回调函数之后,在回调函数中,可以拿到数据服务器返回的 result 5.

    57130

    客户端 Meteor.call 等待服务端异步函数返回

    error) { console.log(“result :”, result); }; }); 上面的例子中,我们在客户端使用 Meteor.call 方法调用了一个服务端的函数,等待服务端的异步函数...这是因为服务端 http.get 和 http.post 都使用了异步回调的方式取得返回值,实际这两个函数在调用时立即就返回了。...而客户端也是立即就接收到了服务器的返回,并没有真正等到 http.get 和 http.post 执行完毕。 我开始天真的认为,只要在客户端使用同步方法调用 Meteor.call 不就可以了吗?...,这样的调用是有不确定性的,也就是跟使用异步回调处理是没什么区别的。...而这种同步的方法仅在服务端(On the server)是有效的: 图片 为了解决这种问题,Meteor 的 github issues 专门有一篇文章是介绍如何解决类似问题的:https://

    26610

    设计原则

    3 开放-封闭原则(ocp) 概述 有一家生产肥皂的大企业,从欧洲花巨资引入了一条生产线。这条生产线可以自动完成从原材料加工到包装成箱的整个流程,但美中不足的是,生产出来的肥皂有一定的空盒几率。...这是工作中遇到的需求:进入页面前请求一个接口,然后渲染不同的视图,原来的代码是这样的: http.post(api,(result)=>{ if(result.role=='teacher'){...}) }) 通过设置回调函数,可以把不怎么变的内容封装起来。...当然这种写法容易进入"回调地狱"。 优缺点 更有一些代码是无论如何也不能完全封闭的,总会存在一些无法对其封闭的变化。...拿一个开源库来说,修改它提供的配置文件,总比修改它的源代码来得简单。

    56320

    typecho漏洞分析与HCTF实战

    可以看到$config变量的值是由__typecho_config解base64并反序列化得到 于是我们跟进get()函数,去看看如何获取这个变量的值 ?...可以看到,__typecho_config变量的值,从cookie中获取,如果没有,则看POST里是否存在 所以这个变量我们有2种输入方式: cookie中传入 POST方式传入 而后思考,既然有反序列化...是类中的私有变量 这里又有一个点需要关注了: 即一个特殊的魔法函数__get() __get()会在读取不可访问的属性的值的时候调用 所以这里对$item['author']->screenName的调用显然是使用了这个魔法函数...id=1 先探测了下,能用的不多,该过滤的基本过滤完了,空格过滤可以用%0b绕过 这里构造了亦或 回显: http://sqls.2017.hctf.io/index/index.php?...然后成功回显了phpinfo(),发现是php7,然后想用系统命令查找,却发现系统命令也被禁了,只能使用php函数 这里选用了scandir() $this->_params['screenName']

    1.4K80

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券