2016-10-11 8 views
0

Webアプリケーションからテーブルに挿入する必要のあるWebアプリケーションを作成しています。私は、アプリケーションの高速化にanglejsを使用していますが、挿入クエリを正しく起動できません。Cを使用してangularjsからデータベースに挿入する#

は、ここに私のコード

<body > 
<div ng-app="myApp" ng-controller="customersCtrl"> 
    <input type="text" ng-model="tid" /> 
    <input type="text" ng-model="userid" /> 
    <input type="text" ng-model="pass" /> 
    <input type="text" ng-model="name" /> 
    <input type="text" ng-model="designation" /> 
    <input type="text" ng-model="team" /> 
    <input type="button" ng-click="insadmin()" value="Insert" /> 
</div> 
    <script type="text/javascript"> 
     var app = angular.module('myApp', []); 
     app.controller('customersCtrl', function ($scope, $http) { 

      $scope.insadmin = function() { 
       $scope.names = ''; 
       $http.get('/csuv5.asmx/tadmin', { 
        params: { 
         tid: $scope.tid, 
         userid: $scope.userid, 
         pass: $scope.pass, 
         name: $scope.name, 
         designation: $scope.designation, 
         team:$scope.team 
        } 
       }) 

       .then(function (response) { 
        $scope.sonvinrpm = response.data.page; 
        console.log(response.data.page); 
       }); 
      } 
     }); 
      </script> 
</body> 

angularjsのソースとブートストラップです

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 

<!-- jQuery library --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 

<!-- Latest compiled JavaScript --> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 

<link href="glyphicons.css" rel="stylesheet" type="text/css"> 
<link href="animations.css" rel="stylesheet" type="text/css"> 
<link href="css/erp-css.css" rel="stylesheet" /> 

と私はここにデータを挿入するためのWebサービスを使用していますが、私のWebサービスです

[WebMethod] 
[ScriptMethod(UseHttpGet = true)] 
public void tadmin(string tid, string userid, string pass, string name, string designation, string team) 
{ 
    List<object> daterange = new List<object>(); 
    SqlCommand cmd = new SqlCommand("insert into admin(tid,userid,pass,name,designation,team) values '" + tid + "','" + userid + "','" + pass + "','" + name + "','" + designation + "','" + team + "'", con); 
    con.Open(); 
    cmd.ExecuteNonQuery(); 
    con.Close(); 
} 
は、私は私が私のコード

どんな考えで間違っているかを調べる必要があり正常に動作しているWebサービスをチェックしますか?その後、

app.controller('customersCtrl', ['$scope', '$http', function($scope, $http) 

+0

エラーは何ですか?また、https://msdn.microsoft.com/en-us/library/system.data.sqlclient.sqlcommand.parameters(v=vs.110).aspxを確認してください。 – Sefa

+0

何もない、私のボタンは何もしません。 –

+0

any Firebug /ブラウザコンソールでのエラー/ httpリクエスト? –

答えて

0

これを試してみてください:

public void tadmin(string tid, string auserid, string bpass, string cname, string ddesignation, string eteam) 
{ 
    SqlCommand cmd = new SqlCommand("insert into admin(tid,userid,pass,name,designation,team) values(@tid,@userid,@pass,@name,@designation,@team)", con); 
    cmd.Parameters.AddWithValue("@tid", tid); 
    cmd.Parameters.AddWithValue("@userid", auserid); 
    cmd.Parameters.AddWithValue("@pass", bpass); 
    cmd.Parameters.AddWithValue("@name", cname); 
    cmd.Parameters.AddWithValue("@designation", ddesignation); 
    cmd.Parameters.AddWithValue("@team", eteam); 
    con.Open(); 
    cmd.ExecuteNonQuery(); 
    Context.Response.Write("success"); 
    con.Close(); 
} 
+0

その感謝の仕事 –

0

変更

app.controller('customersCtrl', function ($scope, $http) 

とコントローラ部

EDITの終わりに]を閉じ:

ブラウザでネットワーク]タブをチェック開発者用ツールを使用して、リクエストがserver for '/csuv5.asmx/tadmin'とサーバーが返答した戻りコード。また、照会パラメーターを見て、それらが要求で正しいことを確認してください。

+0

ここでの例を確認してください - https://code.angularjs.org/1.5.0/docs/api/ng/directive/ngPattern –

+1

この場合の具体的なヘルプはありません。両方とも同様の機能です – Mostafiz

+0

はい両方が似ていて、その動作していない –

関連する問題