Question

我使用AngularJS $ http.post在我的登录功能中调用PHP。 PHP返回一个令牌，如果不存在，则返回“＃34; ERROR＆＃34;”。
PHP-代码：

....
echo json_encode($token);
} else {
echo "ERROR";
}

Controller.js：

   var request = $http({
   method: "post",
   url: constantService.url + 'login.php',
   data,
   headers: {
       'Content-Type': 'application/x-www-form-urlencoded'
   }
   });

 request.success(function(response) {

   $localstorage.set("token", JSON.stringify(response));

   var showAlert = function() {
       var alertPopup = $ionicPopup.alert({
           title: ' successful token-based login',
           template: response
       });
       alertPopup.then(function(res) {
           console.log(res);
           $state.go('home');
       });
   };
   showAlert();

  });

 request.error(function(data, status, headers, config) {

   console.log('An error occurred ');

   var showAlert = function() {
       var alertPopup = $ionicPopup.alert({
           title: 'Error',
           template: 'check your login credentials'
         });
         alertPopup.then(function(res) {
         });
      };
      showAlert();
    });

当我找回正确的令牌时，它可以毫无问题地工作。当我回到“＃34; ERROR＆＃34; （没有令牌存在）我在chrome检查器中收到以下错误：

**SyntaxError: Unexpected token E**
at Object.parse (native)
at fromJson       (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9764:14)
at defaultHttpResponseTransform (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17278:16)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:17363:12
at forEach (http://localhost:8100/lib/ionic/js/ionic.bundle.js:9022:20)
at transformData (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17362:3)
at transformResponse (http://localhost:8100/lib/ionic/js/ionic.bundle.js:18088:23)
at processQueue (http://localhost:8100/lib/ionic/js/ionic.bundle.js:21888:27)
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:21904:27
at Scope.$eval (http://localhost:8100/lib/ionic/js/ionic.bundle.js:23100:28)

什么是正确的方式来回复“＃34; ERROR＆＃34;把它放在我的手里 response.error-function？这是JSON编码/解码问题吗？试图解决这个问题，但没有成功。 THX。

Answer 1

默认情况下，角度content-type为application/json。我认为你的标题覆盖不起作用，可能是因为你发送标题之前的数据。

   var request = $http({
   method: "post",
   url: constantService.url + 'login.php',
   data : data, // here key : value pair is missing
   headers: {
       'Content-Type': 'application/x-www-form-urlencoded'
   }
   });

所以angular认为你提供了json响应并将其解析为json。所以当你的响应是ERROR时，只是试图解析为json并抛出解析错误。

和回调。在您发送错误代码或浏览器发出错误之前，错误函数不会被触发。这是错误代码link

在您的情况下，ERROR和json_encode(token)都会触发成功功能。所以你应该成功处理函数也作为错误函数。你可以用你的php文件

if(/*success condition */){
    $json = array('status'=>'success','token'=>$token);
   }else{
    $json = array('status'=>'error','reason'=>'failed to generate token or somthing');
   }
echo json_encode($json);

并在您的成功函数中

request.success(function(response) {
  if(response.status === 'success' ){
   $localstorage.set("token", JSON.stringify(response));

   var showAlert = function() {
       var alertPopup = $ionicPopup.alert({
           title: ' successful token-based login',
           template: response
       });
       alertPopup.then(function(res) {
           console.log(res);
           $state.go('home');
       });
   };
   showAlert();
}else{
   console.log(response.message);//you can do as you error function
}
  });

如果您不需要，请不要忘记删除标题设置。或者如果你需要，可以在成功函数之前做JSON.parse(response)。

AngularJS $ http.post响应确定ERROR

1 个答案: