角發帖不發送

這是我的index.html頁：角發帖不發送

<!DOCTYPE html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>My AngularJS App</title> 
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/normalize.css"> 
    <link rel="stylesheet" href="bower_components/html5-boilerplate/dist/css/main.css"> 
    <link rel="stylesheet" href="app.css"> 
    <script src="bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script> 
    <script src="app.js"></script> 
</head> 
<body> 
    <div ng-controller="HomeCtrl"> 
     <form ng-submit="sendPost()"> 
     <label>Input id</label> 
     <input type="text" ng-model="id" required/> 
     <button type="submit">Submit</button> 
     </form> 
     {{response}} 
    </div> 
</body> 
</html>

這裏是我的app.js：

'use strict'; 

// Declare app level module which depends on views, and components 
angular.module('myApp', []) 
.controller('HomeCtrl', function($scope, $http) { 
    $scope.id = ""; 
    $scope.response = ""; 
    $scope.sendPost = function() { 
     var userDetails = [{"userId":"23848348", "type":"CUSTOMER"}]; 
     var request = { 
      method: 'POST', 
      url: 'http://thisisatest.testhost.com/userInfo', 
      headers: { 
       'Content-Type': 'application/json', 
       'id':$scope.id 
      }, 
      data: $.param({ 
       json: JSON.stringify({ 
        'code':'8388', 
        'userDetails': userDetails 
       }) 
      }) 
     } 
     $http(request) 
      .success(function(data, status, headers, config){ 
       /*called for result & error because 200 status*/ 
       if (data.result) { 
        $scope.response = data.result; 
       } else if (data.error) { 
        //handle error here 
       } 
      }) 
      .error(function(data, status, headers, config){ 
       /*handle non 200 statuses*/ 
      }); 
    } 
})

這裏是JSON的請求體應該看起來像：

{ 
    "code":"8388", 
    "userDetails": [ 
     {   
      "userId": "23848348",   
      "type": "CUSTOMER" 
     } 
    ] 
}

但是，當我輸入一個ID在文本框和點擊提交我沒有看到任何東西打印在響應區域。任何想法我在這裏做錯了嗎？

來源

2016-04-08 Richard

您在HTML – swapnesh

@swapnesh錯過'NG-應用=「對myApp」'不幸的是沒有解決的問題。 – Richard

我發現了這個問題。請求的數據部分應該僅僅是：

data: { 
    'code':'8388', 
    'userDetails': userDetails 
}

來源

2016-04-08 19:34:13 Richard

角發帖不發送

回答

相關問題