3.21. React AJAX

发布时间 : 2025-10-25 13:34:29 UTC      

Page Views: 15 views

Data from the React component can be accessed through the componentDidMount method, and when getting data from the server, it can be stored in the state , reuse this.setState method to re-renderUI.

When loading data asynchronously, use the componentWillUnmount to cancel the outstanding request.

The following example demonstrates getting the latest Github user updates gist share description:

3.21.1. React instance

classUserGistextendsReact.Component{constructor(props){super(props);this.state={username:'',lastGistUrl:''};}componentDidMount(){this.serverRequest= $.get(this.props.source,function(result){varlastGist=result[0];this.setState({username:lastGist.owner.login,lastGistUrl:lastGist.html_url});}.bind(this));}componentWillUnmount(){this.serverRequest.abort();}render(){return(
{this.state.username}User's latest Gist shared address: {this.state.lastGistUrl} );}}ReactDOM.render(,document.getElementById('example'));

The above code uses jQuery to complete the Ajax request.

《地理信息系统原理、技术与方法》  97

最近几年来,地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持,如城市管理、区划、环境整治等等,地理信息成为信息时代重要的组成部分之一; “数字地球”概念的提出,更进一步推动了作为其技术支撑的GIS的发展。 与此同时,一些学者致力于相关的理论研究,如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面,并且这两个方面构成了相互促进的发展过程。