JSONP回调错误：对象[object对象]的属性'insertFilmData'不是函数

Question

我有3个使用JSONP嵌套的$ .ajax调用，第一个$ .ajax调用在函数中工作，但第三个调用失败回来给我这个错误：Uncaught TypeError: Property 'insertFilmData' of object [object Object] is not a function

CODE：

function searchFilms(film, settings) { 
if (film === '') { 
    console.log("enter a movie"); 
} else { 
    $.ajax({ 
     type: 'GET', 
     url: 'http://api.themoviedb.org/3/configuration?api_key=XXX', 
     async: false, 
     jsonpCallback: 'getSearchResults', 
     contentType: 'application/json', 
     dataType: 'jsonp', 
     success: function(json) { 
      if (json.images) { 
       settings.imageData = json.images; 
       getSearchResults(json, settings); 
      } 
     } 
    }); 

    function getSearchResults(data, settings) { 
     $.ajax({ 
      type: 'GET', 
      url: 'http://api.themoviedb.org/3/search/movie?api_key=XXX&query=' + film, 
      async: false, 
      jsonpCallback: 'deliverResults', 
      contentType: 'application/json', 
      dataType: 'jsonp', 
      success: function(json) { 
       if (json.total_results !== 0) { 
        deliverResults(json, settings); 
       } 
      } 
     }); 

     function deliverResults(data, settings) { 
      var results = data.results; 
      var html = "<ul id='film-search-results' data-role='listview' data-inset='true'>"; 
      for (var i = 0; i < results.length; i++) { 
       var result = results[i]; 
       var filmId = result.id; 
       $.ajax({ 
        type: 'GET', 
        url: 'http://api.themoviedb.org/3/movie/' + filmId + '?api_key=XXX&append_to_response=' + settings.extras, 
        async: false, 
        jsonpCallback: 'insertFilmData', 
        contentType: 'application/json', 
        dataType: 'jsonp', 
        success: function(json) { 
         if (json) { 
          settings.html = html; 
          insertFilmData(json, settings); 
         } 
        } 
       }); 

       function insertFilmData(data, settings) { 
        var poster_base_url = settings.imageData.base_url; 
        var poster_size = settings.imageData.poster_sizes[0]; 
        var poster_filepath = data.poster_path; 
        var poster_url = poster_base_url + poster_size + "/" + poster_filepath; 
        var html = settings.html + "<li><img src='" + poster_url + "' alt='Poster' /><a class='ui-link-inherit'><h3 class='ui-li-heading'>" + data.title + "</h3><p class='ui-li-desc'><strong>" + data.tagline + "</strong></p><p class='ui-li-desc'>" + data.overview + "</p></a></li>"; 

       } 
      } 
      html = html + "</ul>"; 
      console.log(html); 
      $('#content-add-title').html(html); 
      $('#film-search-results').trigger("create"); 
     } 
    } 
} 
} 

我是很新，使用JSONP跨域调用，所以我不知道发生了什么错误看到，因为前两个回调火这只是最后一个没有的。任何帮助或方向将不胜感激。谢谢

Answer 1

它正在寻找一种名为insertFilmData并找不到它的方法。

  $.ajax({ 
       type: 'GET', 
       url: 'http://api.themoviedb.org/3/movie/' + filmId + '?api_key=XXX&append_to_response=' + settings.extras, 
       async: false, 
       jsonpCallback: 'insertFilmData', 
       contentType: 'application/json', 
       dataType: 'jsonp', 
       success: function(json) { 
        if (json) { 
         settings.html = html; 
         insertFilmData(json, settings); 
        } 
       }, 
       insertFilmData: function(data, settings) { 
        var poster_base_url = settings.imageData.base_url; 
        var poster_size = settings.imageData.poster_sizes[0]; 
        var poster_filepath = data.poster_path; 
        var poster_url = poster_base_url + poster_size + "/" + poster_filepath; 
        var html = settings.html + "<li><img src='" + poster_url + "' alt='Poster' /><a class='ui-link-inherit'><h3 class='ui-li-heading'>" + data.title + "</h3><p class='ui-li-desc'><strong>" + data.tagline + "</strong></p><p class='ui-li-desc'>" + data.overview + "</p></a></li>"; 

       } 

      }); 

或者，你可以只保留它，因为它是现在，但更改行：大概，如果你定义函数为对象的方法，这是对AJAX调用的参数，即它会工作jsonpCallback: 'insertFilmData',至jsonpCallback: insertFilmData,。这将意味着ajax调用的参数之一将是函数本身，而不是函数的名称。 （如果我正确理解这一点，函数定义低于此行并不重要，因为它是一个命名函数，它在范围内。）