调用ajax方法提示未定义,ES6上的Ajax调用;获取未定义错误

问题是，我从来没有尝试过之前做过任何调用，比如Ajax，抓取等。所以当我开始这个时，我得到一个错误，我的ajax是未定义的，我很漂亮我确信我的语法或格式可能有误，请帮助我解释我的错误以及解决方法。非常感谢！

P.S.我没有iTunes帐户，所以我使用了Tmdb API。

这里就是我试图做

import React, { Component } from 'react';

import ReactDOM from 'react-dom';

class App extends Component {

state = {searchResults:[]};

showResults(response){

this.setState({searchResults: response.results})

}

search(URL){

ajax({

type: "GET",

dataType: 'jsonp',

url: URL,

success: function(response){

this.showResults(response);

}.bind(this)

});

}

render(){

return(

);

}

}

class SearchBox extends Component{

render(){

return(

);

}

makeAjax(){

var query = ReactDOM.findDOMNode(this.refs.query).value;

var URL = 'https://api.themoviedb.org/3/search/movie?

api_key=0xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&language=en-

US&query='+query+'&page=1&include_adult=false';

this.props.search(URL)

}

}

class Results extends Component{

render(){

var resultItems = this.props.searchResults.map((result) => {

return(

)

});

return(

{resultItems}

);

}

}

class ResultItem extends Component{

render(){

return

{this.props.trackName};

}

}

2017-08-03

Alex T

+0

我建议从这里开始：https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest –