react组件中使用ajax时this的指向问题

React AJAX: Mastering Asynchronous JavaScript and XML in React Applications 【代码】React AJAX: Mastering Asynchronous JavaScript and XML in React Applications。 阅读详情
在react组件中使用jquery的ajax函数时,success:function(){}函数体内的this指向已经变成了jquery本身,而不再指向当前的react组件了。解决方法有二:
一、使用箭头函数
二、在回调函数后面使用.bind(this)来使函数内的this指向传入的this。
<span style="font-size:18px;">var CommentBox = React.createClass({
    loadCommentsFromServer: function(){
        $.ajax({
            url: this.props.url,
            dataType: 'json',
            cache: false,
            success: (data) => {
                this.setState({data: data});
            },
            error: function(xhr, status, err){
                console.error(this.props.url, status, err.toString());
            }.bind(this)
        });
    }
});</span>

SAP FI 提示没有为会计年度0 定义版本2025 GP626 SAP 错误 GP626 是一个常见的系统消息,通常表示某个会计年度的版本(如版本 0)未被定义或未激活。:在执行某些事务(如创建采购订单、过账凭证或维护成本中心)时,系统会检查相关版本是否已定义。的“Settings for Each Fiscal Year”界面中,选择一个已激活的会计年度。的“Settings for Each Fiscal Year”界面中,找到未激活的会计年度。:在控制范围(Controlling Area)中,未为指定的会计年度定义版本 0。如果没有,添加或复制现有年度的设置。 阅读详情

相关推荐

无线通信入门:3种键控法(ASK/FSK/PSK)原理图解与实战对比

本文深入解析无线通信中ASK、FSK、PSK三种基础键控法的原理与应用。通过图解对比,阐明幅移键控(ASK)简单低成本但抗干扰差,频移键控(FSK)稳健且应用广泛,相移键控(PSK)高效但复杂。文章结合实战场景,为物联网和嵌入式开发者在选型时提供关键指导,帮助平衡数据速率、成本、功耗与抗干扰需求。

weixin_29274969的博客 190

react中类组件this的指向问题

2.若是通过一个其他变量去接收该对象函数,然后再进行调用时,这时因为没有具体的对象去调用了,则函数this则是指向。若是一个普通函数直接被调用,那this默认是指向全局的,若是非严格模式下,则是指向window的。3.若是使用bind改变函数的this指向,则this则是指向bind传进来的对象,不会再改变。以上为react中类组件的this指向问题,有不足之处欢迎指正!1.当此对象直接调用该函数时,则该函数里的this则是指向该对象的。若是外层有普通函数,则跟外层普通函数的this指向一样。

weixin_54217534的博客 2198

Unity3D赛车游戏+脚本基础

本章主要介绍Unity的基础开发流程以及涉及到的概念。这个过程需要我们学会编写一些游戏脚本,在这讲的过程中我们会完成一个赛车小游戏,因此,在讲述这些基本概念和流程的时候,会同时涉及到一点脚本的开发基础.在游戏,电影和动画中,都有一个渲染的帧率,电影是24帧/s,游戏大概是30帧/s(当然也有60帧/s的)。在unity里面1秒钟,Update方法执行了30次。1秒钟有30帧,帧与帧之所消耗的时间是不一样的,那么我如何知道上一帧用了多少时间?Time.deltaTime就是为了解决这个问题。

m0_58367586的博客 7660

jsx中,解决事件处理程序 this指向问题

class Hello extends React.Component { state = { count: 0, } handleSum() { // 事件处理程序中的 this 是 undefined // 这个方法其实是 react 内部调用 , 内部调用的时候,没有 正确绑定 this } render() { return ( <div>

呆呆狗 521

树莓派4B+红外传感器:手把手教你DIY一个能走黑线的智能小车(Python代码全解析)

本文详细介绍了如何使用树莓派4B和红外传感器DIY一个智能循迹小车,包括硬件配置、GPIO连接、Python代码实现及优化算法。通过动态PWM调速、状态机设计和赛道记忆算法,提升小车的循迹性能和稳定性。适合初学者和电子爱好者动手实践。

weixin_29188043的博客 269

【考研复试】西安电子科技大学上机题

【考研复试】西安电子科技大学上机题

全网粉丝30W+,优快云、稀土掘金人工智能领域签约作者,人工智能、大模型、Python 爬虫,商务合作,请私信沟通。 1741

react 类组件的 this 指向

react 类组件的 this 指向

hello_luffy的博客 1663

VN1640 CH5 I/O通道终极指南:【从硬件原理—>工程实战—>自动化测试实战】

摘要:本文详细解析Vector VN1640 CH5 I/O通道的硬件原理与工程应用,涵盖模拟输入(AIN)、数字输入(DIN)和数字输出(DOUT)三大功能模块的配置指南。通过硬件隔离设计实现高精度信号采集与驱动控制,重点分析开漏输出特性及保护机制。提供PWM控制、ECU上电时序测试、传感器闭环控制等实战案例的CAPL脚本代码,并强调多设备同步采集的精准性(时间偏差<1µs)。适用于汽车电子HIL测试、ECU信号监测等场景,所有方案均通过实际项目验证。

汽车控制器系统开发、VIL测试、HIL测试、MIL测试、EMS电喷系统标定与开发、热管理系统标定 760

Js中常见this指向问题

无论是工作或者面试中,this指向问题是经常遇到的。所以这篇文章把常见的指向问题列出来给大家,避免踩坑。首先我们要知道,在函数中this到底取何值,是在函数真正被调用执行的时候确定的,函数定义的时候确定不了,也就是说,this的指向完全取决于函数调用的位置。因为this的取值是作用域环境的一部分,每次调用函数,都会在不同的作用域环境。 1:全局环境中 在浏览器环境严格模式中(区别于node),th...

chinaMasters 306

深入解析:武汉光庭信息技术 Android CarPlay 开发岗位的技术要求与面试准备(大连)

武汉光庭信息大连分部招聘Android CarPlay开发工程师,要求专科以上学历及2年以上Android开发经验,需精通CarPlay集成技术与车载系统开发。该职位涉及Android底层框架修改、CarPlay协议实现及车规级系统开发,需处理USB/HID驱动、图形合成等技术难点,并确保通过Apple严格认证。求职者需具备扎实的Android开发能力,熟悉车载环境特殊性,包括系统稳定性保障、人机交互适配等技术要点。文章深度解析了职位技术内涵,并提供面试问题与参考答案,帮助求职者全面准备这一复合型技术岗位。

郑伟强dev的专栏 401

【硬刚Hadoop】HADOOP MAPREDUCE(1):概述

本文是对《【硬刚大数据之学习路线篇】从零到大数据专家的学习指南(全面升级版)》的Hadoop部分补充。 1 MapReduce定义 MapReduce是一个分布式运算程序的编程框架,是用户开发“基于Hadoop的数据分析应用”的核心框架。 MapReduce核心功能是将用户编写的业务逻辑代码和自带默认组件整合成一个完整的分布式运算程序,并发运行在一个Hadoop集群上。 2MapReduce优缺点 2.1 优点 1)MapReduce易于编程 它简单的实现一些接口,就可以完成一个分布式程序..

微信搜:import_bigdata,大数据领域硬核原创作者 464

react中使用ajax

一般将数据请求Ajax方法写在组件的hook函数componentDidMount 中,这样一旦页面加载完毕就开始执行Ajax函数。 从服务端获取数据库可以将数据存储在 state 中,再用 this.setState 方法重新渲染 UI。 当使用异步加载数据时,在组件卸载前使用 componentWillUnmount 来取消未完成的请求。 如下例子:获取用户最新信息和共享地址。 //...

最自由的笑的博客 6137

Open3D(C++) 基于RANSAC和TLS的点云平面拟合

针对点云平面拟合过程中出现的异常值及误差的问题,提出一种将随机采样一致算法(RANSAC)与整体最小二乘法(TLS)相结合的点云平面拟合方法。利用随机采样一致算法剔除异常值,利用整体最小二乘法对剩余有效点进行平面拟合,计算模型参数。实验结果表明,该方法与传统的特征值法、最小二乘法相比,能提高参数的估算精度,更适合对含有不同异常值及误差的点云数据进行拟合,是一种稳健的平面拟合方法。

点云侠的博客 431

React实战-React中this的用法

Javascript中的this是一个令人讨厌的东西,对于有着面向对象编程经历的程序员来说更是如此,那么在ReactJs中,this是如何使用的呢。

超期服役软件开发者的博客 1519

VC中sqlite的使用

在VC中对sqlite的使用,实现数据库大批数据的快速插入,读取数据库中的数据在ListCtrl中显示

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

ajax data.state,AJAX请求未在我的React组件中设置this.state.data。

我最近一直在使用ReactJS,并且在使用AJAX请求时遇到了设置状态的问题。AJAX请求未在我的React组件中设置this.state.data。AJAX请求正在服务器上发出请求并接收200个代码,所以我知道API请求运行良好。但是,React组件似乎没有设置this.state.data。下面是部分代码:export class Experiences extends React.Compo...

weixin_39981632的博客 267

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

React Ajax this.IsMounted() is not a function

大概是这样的代码 $.ajax({ ... success: function(data) { var quote = data[0].media; if (this.isMounted()){ this.setState({ quotes: quote });

追随大神的脚步 6489

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

React 组件

一、函数组件 二、类组件

sinat_38021004的博客 710

react——ajax

react ajax react 组件的数据可以通过componentDidMount方法中的ajax来获取,当从服务器端获取数据库可以将 数据存储在state中,在用this.setState方法重新渲染UI var UserGist = React.createClass({ getInitialState

Hi_xiexialing的博客 489

React篇3--ajax、路由、UI组件库、redux

React本身只关注界面,并不包含发送ajax请求的代码。前端应用需要通过ajax请求与后台进行交互(json数据)。react应用中需要集成第三方ajax库或自己封装。一个路由就是一个映射关系(key:value),key是路径,value可能是function或component。每一个路径(导航栏中每一项)对应一个组件。

qq_51476492的博客 271

教程菜鸟_React AJAX——菜鸟教程

React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取,当从服务端获取数据时可以将数据存储在 state 中,再用 this.setState 方法重新渲染 UI。当使用异步加载数据时,在组件卸载前使用 componentWillUnmount 来取消未完成的请求。实例1、演示了获取 Github 用户最新 gist 共享描述:<!DOCTYPE ht...

weixin_39977136的博客 78

React尚硅谷001-019(jsx、this问题、setState),字节跳动上千道精选面试题还不刷起来

010-复习类相关知识1.prototype指针指向的对象=原型对象,类里定义的方法放在类prototype上;2.实例(对象)上并没有方法,有constructor构造方法执行后的东西,会跟着隐式原型=>构造类的显示原型找到方法=>父类构造类 (实例对象,new出来的,就是构造类中constructor构造方法执行后的东西);

weixin_57485542的博客 769

React学习04-React_Ajax

React_Ajax

Kingrrr的博客行程 1017

react 学习笔记之AJAX数据请求和使用

今天要做的是利用ajax请求数据之后,在将数据插入在react组件之中。遇到的问题是: 1、无法从ajax函数外部获取ajax请求到的数据 开始没有多想,直接在componentWillMount 和 componentDidMount 中尝试用ajax获取数据,获取成功但是无法在外部调用。 最终经过思考,在需要使用数据的组件之前,先在ajax回调函数中使用localstorage.setIt

心动的博客 1万+

34.React学习笔记(JSX语法、组件、this.props.children、PropTypes、this.state、组件的生命周期、ajax)

一、HTML模板 使用react的源码大致是这样: <!DOCTYPE html> <html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> ...

银河与猫的博客 522

React Hooks 技术重点

React 一直都提倡使用函数组件,但是有时候需要使用 state 或者其他一些功能时,只能使用类组件,因为函数组件没有实例,没有生命周期函数,只有类组件才有

自洽而内求 1464

React Ajax this.IsMounted() is not a function

组件的数据来源,通常是通过 Ajax 请求从服务器获取,可以使用componentDidMount方法设置 Ajax 请求,等到请求成功,再用this.setState方法重新渲染 UI var UserGist = React.createClass({ getInitialState: function() { return { user...

ditu3745的博客 197
下一篇: 安装mysql完整流程
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值