如何使用ngresouce将数据从angularjs发送到远程服务器答案

【问题标题】：how to send data from angularjs to server distant using ngresouce如何使用ngresouce将数据从angularjs发送到远程服务器
【发布时间】：2016-03-18 17:46:00
【问题描述】：

如何使用ngResource模块

向服务器发送数据。
并从服务器获取数据
我正在尝试向 solr 服务器发送数据
使用 angularjs api
和 npm 包管理器将包安装到我的应用程序
感谢您的帮助

controller.js：

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

app.controller('Mycontroller',function($scope, $resource) {
    $scope.requete = $resource('http://localhost:8983/solr/#/cv/:action',
        {action:'cv.json', q:'angularjs', callback:'JSON_CALLBACK'},
        {get:{method:'JSONP'}});

    $scope.chercher = function () {
        $scope.repnses = $scope.requete.get({q:$scope.formInfo.Quoi});
    };
})

search.html :客户端

<!DOCTYPE html>
<html ng-app="myApp">
  <head>
     <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

  </head>
  <body >
      <div ui-view></div>
    <nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">Formation</a>
      <a class="navbar-brand" href="app/index.html">Formateur</a>
    <a class="navbar-brand" href="app/search.html" active>Client</a>
    </div>
  </div>
</nav>
<div ng-contoller="Mycontroller">
<form class="form-horizontal" role="form">
<div class="table">
  <table class="table table-striped">
    <tr>
      <td>
          <label for="inputQuoi" class="col-sm-2 control-label">Quoi</label>
      </td>
      <td></td>
    </tr>
    <tr>
      <td>
      <input class="form-control" id="inputQuoi" placeholder="quoi" ng-model="formInfo.Quoi" required>
          </td>
      <td><button type="submit" ng-click="chercher()" class="btn btn-primary" >chercher</button></td>
    </tr>
  </table>
  </div>
</form>
<table class="table table-striped">
        <tr ng-repeat="repnse in reponses.results">
            <td>{{requete.text}}</td>
        </tr>
    </table>
</div>

    <script src="app/js/controller.js"></script>
    <script src="node_modules/angular-resource/angular-resource.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  </body>
</html>

【问题讨论】：

标签： javascript html angularjs

【解决方案1】：

不确定这是否是您的问题。但是你有这个……

<tr ng-repeat="repnse in reponses.results">
        <td>{{requete.text}}</td>
</tr>

但实际上并没有任何名为 reponses.results 的变量，或任何以 requete 作为变量的变量。

您的代码将获取响应放入 $scope.repnses 因此，要遍历它，您需要正确地引用它。

<tr ng-repeat="repnse in repnses.results">
      // Then refer to the variables inside of it using the repnse variable.
      // not requet, dont even know where you're getting that from
        <td>{{repnse.text}}</td>
</tr>

【讨论】：