2016-11-02 4 views
1

こんにちは、私はANgularJsの新機能です。 私は2つのパラメータを期待し、それはJQueryで完璧に動作するAngularを使ってこれを解決するには?

$('#saveButton').click(function() { 
      var machineNo = $('#machineNumberTextBox').val(); 
      var empCode = $('#employeeCodeTextBox').val(); 
      var empName = $('#empNameTextbox').val(); 
      if (machineNo.length > 0 && empCode.length > 0) { 
       $.ajax({ 
        url: "WebService.asmx/IsMachineAssigned", 
        method: 'post', 
        data: 'machineNumber=' + machineNo + '&employeeCode=' + empCode, 
        dataType: 'json', 
        success: function (data) { 
         if (data.MachineAssigned) { 
          $('#divResult').text("Machine " + machineNo + " is already assigned to this " + empCode + " : " + empName); 
          $('#divResult').css('color', 'red'); 
         } else { 
          $('#divResult').text("Machine " + machineNo + " is available for this " + empCode + " : " + empName); 
          $('#divResult').css('color', 'green'); 
         } 
        } 
       }) 
      } 
     }) 

「しかし、中に「私は完璧に動作しますjQueryのコードを持っている」Angulajs に完全にはなくない作品のjQueryで今MachineAssigned変数にブール変数を返すWebService.asmxを持っていますAngularJS同じロジックが「

var machineNo = $scope.machine.MachineNumber; 
     var empCode = $scope.operator.EmployeeCode; 
     //var params = { machineNumber: machineNo, employeeCode: empCode } 
     $http({ 
      method: 'post', 
      url: "WebService.asmx/IsMachineAssigned", 
      //date: 'machineNumber=' + JSON.parse(machineNo) + '&employeeCode=' + JSON.parse(empCode), 
      contentType: "application/json; charset=utf-8", 
      data: 'machineNumber=' + machineNo + '&employeeCode=' + empCode, 
      datatype: "json" 
     }).success(function (resopnse) { 
      if (data.MachineAssigned) { 
       alert("This Machine already assigned"); 
      } else { 
       alert("This Machine is available"); 
      } 
     }) 

が動作していない私はすべてのものを試してみました私は

+0

あなたは以前の角度経験がありますか? – Aravind

+0

もっと詳しい情報がありますか?あなたが何を得ているのか、あなたがコードを踏んだとき何が起こるのですか。 – JayChase

+0

2つ以上のタグを追加するには十分なランクがありません。なぜより多くの情報を与えることができないのですか? –

答えて

1

はこの試してみてください助けてください:

var machineNo = $scope.machine.MachineNumber; 
var empCode = $scope.operator.EmployeeCode; 
var params = $.param({ 'machineNumber': machineNo, 'employeeCode': empCode }); 
$http({ 
     method: 'POST', 
     url: 'MultifabsWebService.asmx/IsMachineAssigned', 
     data: params, 
     headers: { 'Content-Type': 'application/x-www-form-urlencoded' } 
     }).then(function (response) { // success function 
      console.log(response); 
      if (response.data.MachineAssigned) { 
       alert("This Machine already assigned"); 
      } else { 
       alert("This Machine is available"); 
      } 
     }, 
     function (response) { // error function 
      console.log(response); 
     }); 
+0

私は問題があります。このコード.. response.MachineAssignedは未定義の理由を返しています... ??? –

+1

解決策が見つかりました。私はresponse.data.MachineAssignedを使用する必要があります。もう一度助けてくれてありがとう –

関連する問題