Невозможно получить значение POST json переменной

Question

У меня есть функция, которая отправляет значение в файл PHP, который, кажется, работает нормально, пока я не получаю ответ. PHP-файл возвращает однострочный ответ JSON.

Но я не могу установить его в переменной и использовать его как variablname [0], который, кажется, работает в обычных условиях.

Вот мой код:

expoList.showdetail = function(expoID) { 
      var detay; 
      /*$scope.content = 'Please click the icons on the map for exposition event details. expoID=' + expoID;*/ 
      $http({ 
       method: 'POST', 
       url: base_url + '/Exposite_info_controller/get_expo_data', 
       data: "expoID=" + expoID, 
       headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'} 
      }).then(function(response) { 
       $scope.expoList.detay = response.data; 
      }); 
      var writehtml = ''; 
      writehtml += '<div id="info-image"><img src="images/expositions/' + detay[0].imagename + '" width="300" height="188" /></div>\r\n'; 
      writehtml += '<div id="address-info">' 
      writehtml += '<strong>' + detay[0].expoName + '</strong><br />\r\n' 
      writehtml += detay[0].expoAddress + '<br />\r\n'; 
      if(detay[0].expoAddress2 != '') { 
       writehtml += detay[0].expoAddress2 + '<br />\r\n'; 
      } 
      writehtml += detay[0].expoCity + '<br />\r\n'; 
      writehtml += '</div>\r\n'; 
      $scope.content = writehtml; 
    }; 

И это то, что возвращается из PHP файла:

[{"expoID":"2","expoName":"CONGRESIUM ANKARA","expoAddress":"Sogutozu Caddesi No:1\/A, 06510 Cankaya","expoAddress2":"","expoCity":"Ankara","top":"150","left":"355","imagename":"congresiumankara.jpg","startdate":"2016-12-02","enddate":"2016-12-03"}] 

Я получаю следующее сообщение об ошибке из консоли:

angular.min.js:122 TypeError: Cannot read property '0' of undefined 
    at Object.expoList.showdetail (main.js:21) 
    at fn (eval at compile (angular.min.js:236), <anonymous>:4:300) 
    at e (angular.min.js:281) 
    at b.$eval (angular.min.js:147) 
    at b.$apply (angular.min.js:147) 
    at HTMLAnchorElement.<anonymous> (angular.min.js:281) 
    at bg (angular.min.js:38) 
    at HTMLAnchorElement.d (angular.min.js:38)(anonymous function) @ angular.min.js:122(anonymous function) @ angular.min.js:94$apply @ angular.min.js:147(anonymous function) @ angular.min.js:281bg @ angular.min.js:38d @ angular.min.js:38 

Answer 1

Первое, вы получите эту ошибку, потому что detay не определен. Вместо этого установите ответ как detay = response.data;.

Во-вторых, $ HTTP возвращает обещание так поставить код, который должен действовать на réponse внутри затем обратного вызова функции, как этот

expoList.showdetail = function(expoID) { 
      var detay; 
      /*$scope.content = 'Please click the icons on the map for exposition event details. expoID=' + expoID;*/ 
      $http({ 
       method: 'POST', 
       url: base_url + '/Exposite_info_controller/get_expo_data', 
       data: "expoID=" + expoID, 
       headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'} 
      }).then(function(response) { 
       detay = response.data; 

       //Add code here 

        var writehtml = ''; 
        writehtml += '<div id="info-image"><img src="images/expositions/' + detay[0].imagename + '" width="300" height="188" /></div>\r\n'; 
        writehtml += '<div id="address-info">' 
        writehtml += '<strong>' + detay[0].expoName + '</strong><br />\r\n' 
        writehtml += detay[0].expoAddress + '<br />\r\n'; 
        if(detay[0].expoAddress2 != '') { 
         writehtml += detay[0].expoAddress2 + '<br />\r\n'; 
        } 
        writehtml += detay[0].expoCity + '<br />\r\n'; 
        writehtml += '</div>\r\n'; 
        $scope.content = writehtml; 
      }); 

    };