Javascript Ajax将与AngularJS一起使用?

时间:2022-08-25 18:25:57

Here i have small login created using Ajax XML. its work fine.

这里我使用Ajax XML创建了一个小的登录。它的工作很好。

function ajax_post(){
      // Create our XMLHttpRequest object
      var hr = new XMLHttpRequest();
      // Create some variables we need to send to our PHP file
      var url = "http://boost.meximas.com/mobile/login.php";
      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;
        //document.getElementById("status").innerHTML = return_data;
        if(return_data=="1"){

          location.href = "home.html?username=" + fn;
        }else{
          //alert("Login Failed...");
          $.mobile.loading( "hide" );
          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

I want to integrate this same process with Angulajs. will this work with AngularJS or do i need to remodify this to AngularJS process. i can find reference that do just URL Ajax request using angularjs. but couldnt find with parameters that i want to send. username and Password

我想将这个过程与Angulajs整合在一起。这将与AngularJS一起使用还是我需要将其重新修改为AngularJS过程。我可以找到使用angularjs做URL Ajax请求的引用。但无法找到我想发送的参数。用户名和密码

found this in AngularJS site

在AngularJS网站上发现了这个

// Simple GET request example :
$http.get('/someUrl').
  success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

Sorry for english

对不起英语

1 个解决方案

#1


2  

You are in the right way. You can pass parameter to Angular $http like in the function below:

你是在正确的方式。您可以将参数传递给Angular $ http,如下面的函数所示:

$http({
    url: "http://boost.meximas.com/mobile/login.php", 
    method: "POST",
    data: { username: "", password: "" },
    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
}).
error(function(data, status, headers, config) {
   // called asynchronously if an error occurs
   // or server returns response with an error status.
});

#1


2  

You are in the right way. You can pass parameter to Angular $http like in the function below:

你是在正确的方式。您可以将参数传递给Angular $ http,如下面的函数所示:

$http({
    url: "http://boost.meximas.com/mobile/login.php", 
    method: "POST",
    data: { username: "", password: "" },
    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
}).
error(function(data, status, headers, config) {
   // called asynchronously if an error occurs
   // or server returns response with an error status.
});