Javascript 没有办法在React组件中运行AJAX脚本吗?
我能找到(在线)导入ajax的唯一方法是通过HTML脚本标记Javascript 没有办法在React组件中运行AJAX脚本吗?,javascript,node.js,ajax,koa,next.js,Javascript,Node.js,Ajax,Koa,Next.js,我能找到(在线)导入ajax的唯一方法是通过HTML脚本标记而不是ajax。ajax npm模块也有同样的功能,可以很好地与react try ajax配合使用。它比ajax简单 取而代之的是ajax,axios npm模块也有同样的功能,可以很好地与react配合使用。试试axios,它比ajax简单 可能重复的async:false,please no,please:)您正在使用async:false阻止js线程。您应该使用fetch:Sync请求。UI线程上不推荐使用这些请求。它会阻止UI
而不是ajax。ajax npm模块也有同样的功能,可以很好地与react try ajax配合使用。它比ajax简单
取而代之的是ajax,axios npm模块也有同样的功能,可以很好地与react配合使用。试试axios,它比ajax简单
可能重复的async:false,
please no,please:)您正在使用async:false阻止js线程。您应该使用fetch:Sync请求。UI线程上不推荐使用这些请求。它会阻止UI线程,直到服务器做出响应,使UI冻结。可能重复的async:false,
please no,please:)您正在使用async:false阻止js线程您应该使用fetch:Sync请求。UI线程上不推荐使用此请求。它会阻止UI线程,直到服务器做出响应,使UI冻结。
[-components
[---Component1
[---Component2
[---Component3
[---Component...
[-node_modules
[-pages
[---index.js
[-public
[---favicon.png
[---index.html
[-app.js
[-package.json
class Index extends React.Component {
state = {
loading: false,
};
componentDidMount() {
var jqXHR = $.ajax({
type: "POST",
url: "/login",
async: false,
data: { mydata: [Cookies.get('links'), Cookies.get('numSentences')] }
});
Cookies.set('final', jqXHR.responseText);
}
handleClickLoading = () => {
this.setState(state => ({
loading: true,
}));
this.componentDidMount();
};
render() {
const {loading} = this.state;
return (
<div>
<AppBar/>
<Block/>
<Card>
<CardActions>
<Button size="large"
fullWidth={true}
onClick={this.handleClickLoading}>Submit</Button>
</CardActions>
</Card>
<Fade
in={loading}
unmountOnExit
>
<BottomBar/>
</Fade>
</div>
)
}
}
export default Index;
...
class Index extends React.Component {
state = {
loading: false,
};
handleClickLoading = () => {
this.setState(state => ({
loading: true,
}));
var jqXHR = $.ajax({
type: "POST",
url: "/login",
async: false,
data: { mydata: [Cookies.get('links'), Cookies.get('numSentences')] }
});
Cookies.set('final', jqXHR.responseText);
};
render() {
...