大家好!我的一个React应用程序有一个小问题:我正在尝试使用API获取天气警报。我的App.js文件如下所示:
import React, { Component } from 'react';
import './App.css';
import $ from 'jquery';
import Alerts from './Components/Alerts';
class App extends Component {
constructor(){
super();
this.state = {
alerts:[]
}
}
getAlerts(){
$.ajax({
url: 'https://api.weather.gov/alerts/active/zone/AKZ201',
dataType: 'json',
cache: false,
success: function(data){
this.setState({alerts: data});
}.bind(this),
error: function(xhr, status, err){
console.log(err);
}
});
}
componentDidMount(){
this.getAlerts();
}
render() {
return (
<div>
<Alerts alerts={this.state.alerts} />
</div>
);
}
}
export default App;
问题是这个ajax函数在API URL的末尾添加了一个额外的参数,由于这个额外的参数,API URL没有向我返回正确的数据。
这是我在控制台中得到的:
jquery.js:9600 GET https://api.weather.gov/alerts/active/zone/AKZ201?_=1527798208757 400 ()
额外的参数是_=1527798208757 400 ()
我发现这个额外的参数导致了这个问题。有什么办法可以删除这个参数吗?
谢谢!
https://stackoverflow.com/questions/50632379
复制相似问题