AngularJS $http 发送数据 Ajax URL

Question

我在使用 angularjs 之前使用过此代码。

function ajax_post(){
      // Create our XMLHttpRequest object
      var hr = new XMLHttpRequest();
      // Create some variables we need to send to our PHP file
      var url = "myUrl";
      var fn = document.getElementById("username").value;
      var ln = document.getElementById("password").value;
      var vars = "username="+fn+"&password="+ln;

      hr.open("POST", url, true);
      // Set content type header information for sending url encoded variables in the request
      hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      // Access the onreadystatechange event for the XMLHttpRequest object
      hr.onreadystatechange = function() {
        if(hr.readyState == 4 && hr.status == 200) {
          var return_data = hr.responseText;

        if(return_data=="1"){
          console.log("this is return data"+return_data);

        }else{

          ons.notification.alert({message: 'Login Failed!'});

        }

        }
      }
      // Send the data to PHP now... and wait for response to update the status div
      hr.send(vars); // Actually execute the request 
  }

这里和AngularJS做同样的事情

$scope.ajaxLogin = function(){

    var fn = document.getElementById("username").value;
    var pw = document.getElementById("password").value;
     $http({
    url: "myURL", 
    method: "POST",
    data: { username: fn, password: pw },
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}

    }).success(function(data, status, headers, config) {
   // this callback will be called asynchronously
   // when the response is available

    if(status == 200) {
      var return_data = data;

    if(return_data == 0){
          console.log("test "+data,status);
          $scope.showAlertSucess();
        }else{

          $scope.showAlertError();
        }
      }
    }).
  error(function(data, status, headers, config) {
   // called asynchronously if an error occurs
   // or server returns response with an error status.
   $scope.showAlertNetwork();

    });

  };

但是 AngularJS 它没有给出预期的输出，即“1”，它给出了“0”。我通过网络控制台得到的是这部分不同，我认为它发送的数据类似于 JSON data: { username: fn, password: pw },
但我的其他代码不是那样的 var vars = "username="+fn+"&password="+ln;

如何修复它以便与 angularJS 一起使用。

为了更多地了解我的 PHP 代码。

if ($result=mysqli_query($con,$sql))
  {

  $rowcount=mysqli_num_rows($result);
  printf($rowcount);

  mysqli_free_result($result);
  }

Answer 1

如果您使用 AngularJs 在 PHP 中提供变量，请使用此代码

$array = json_decode(file_get_contents('php://input'));

在$array中输入你的变量。

AngularJS $http 发送数据 Ajax URL

AngularJS $http sending data with Ajax URL

javascript

php

ajax

angularjs

ionic-framework