簡體   English   中英

如何將AngularJS JSON數據插入SQL

[英]How Insert AngularJS JSON Data Into SQL

因此,我目前正在開發一個使用WebAPI和AngularJS從SQL表中搜索某些數據並將其顯示在網頁上以供用戶選擇多個數據行的應用程序。 我將所選的行插入到一個單獨的JSON數組(availableclients)中,我想將其插入到一個單獨的SQL表中。 對我來說,獲取JSON數據數組並將其插入到其他SQL表中的最佳方法是什么? 我將附加當前用於獲取數據的代碼。

Controller.js

var app = angular.module('myApp', []);

app.controller("myController", function ($scope, $http) {

  function getCert(myid) {
    $http.get('api/Cert/Get/', { params: { id : myid } })
      .success(function (data) {
        $scope.selectedclients = data;
      })
  }

  $scope.searchClick = function() {
    getCert($scope.myid);
  }

  $scope.moveItem = function (item, from, to) {
    var idx = from.indexOf(item);
    if (idx != -1) {
      from.splice(idx, 1);
      to.push(item);
    }
  };

  $scope.availableclients = [];
});

的HTML

<html data-ng-app="myApp">
  <body data-ng-controller ="myController">    

My_ID: <input type="text" ng-model="my_id" />
    <input type="submit" value="Search" ng-click="searchClick()" />

    <select size="10" multiple ng-model="selected" ng-options="i.unit_id for i in selectedclients" style="width: 400px"></select>
    <div class="btn-group">
      <button title="Remove From List" class="btn btn-default" ng-click="moveItem(available[0], availableclients,selectedclients)"><i class="glyphicon glyphicon-chevron-left"></i></button>
      <button title="Add To List" class="btn btn-default" ng-click="moveItem(selected[0], selectedclients,availableclients)"><i class="glyphicon glyphicon-chevron-right"></i></button>
    </div>
    <select size="10" multiple ng-model="available" ng-options="i.unit_id for i in availableclients" style="width: 400px"></select>
  </body>
</html>

我擁有的代碼運行良好,我對如何獲取我的availableclients JSON數組並將其插入到我的SQL表中感到困惑。 這可能真的很容易做到,但是我的所有搜索對於我正在尋找的東西都是空白。 任何幫助表示贊賞。 謝謝!

編輯1:根據評論的建議,我要添加用於Web API的控制器。 再次感謝您的任何建議!

public class CertController : ApiController
{

    CertEntities objapi = new CertEntities();


    [HttpGet]
    public IEnumerable<AngularCoCSelect_Result> Get(int id)
    {

        return objapi.AngularCoCSelect(id).AsEnumerable();
    }

}

這是一個相當廣泛的問題……您還顯示了客戶端代碼,而后端卻什么也沒顯示,最終將存儲數據(懷疑您還放置了asp.net標簽)

因此,基於此,您可以使用實體框架將數據存儲到數據庫中。 您可能會在互聯網上找到許多有關實現此方法的文章。

此解決方案為指導

需要為客戶端ASP.NET或PHP接受對象(json)數組的后端api,然后

您需要在控制器中的Angular中添加函數,以便使用$http.put$http.post將客戶端數據提交到服務器

$scope.submitClientData = function(){
    $http.post('webapi/clients' , { clients:$scope.availableclients })
}

您可以通過提交按鈕<button ng-click='submitClientData()'>Save</button>調用函數

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM