Question

Rails的新手，我在home_controller.erb中有一个Ruby应用程序，它从MongoDB返回一个JSON值，并存储在@tuple Variable中。

如何在前端打印JSON响应。任何帮助都会很棒。

元组= { “_ ID”：{ “$ OID”： “565a8bf88ab8dc1cc6000006”}， “拉链”： “85009”}

这是我的控制器代码：

  class HomeController < ApplicationController

  def index



   uri='mongodb://heroku_bv2wfp7x:bt1uo8ddu73rs5p6b9nvk5tp4u@ds051534.mongolab.com:51534/heroku_bv2wfp7x'

   connection_variable=Mongo::Client.new(uri)


connection_variable[:mongoearthquakes].drop
puts "Connected to Mongo DataBase, Inserting data . . . . . "

$j=0

while $j < 9 do
// inserting data into MongoDB
    $j+=1
end



result=connection_variable[:mongoearthquakes].find()

result.each do |tuple|
    tuple=tuple.to_json

    puts tuple

    @data_to_be_printed=tuple
end


end

我的index.html.erb文件：

 <!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<p>Hello world: </p>
</div>  

<script>

      angular.module('myApp', []).controller('myCtrl', ['$scope', '$http', function($scope, $http) {

    $.ajax({
        type: "GET",
        url: "@data_to_be_printed",
        dataType: "json",
        success: function(data){
        console.log(@data_to_be_printed) 
    }        
});

}]);
</script>
</body>
</html>

Answer 1

通常添加

render json: @data_to_be_printed

作为index操作的最后一行，将按预期返回JSON结构。

Answer 2

通常，ajax中的路径应该是route.rb中的路径，请先检查路由

在index.html.erb

中

$.ajax({
    type: "GET",
    url: <%= home_index_path %>+".json",  
    dataType: "json",
    success: function(data){
    }
}

并添加

respond_to do |format|
  format.json  { render json: @data_to_be_printed }
end

在此家庭控制器的索引操作中 - home_controller.rb

通过Rails和AngularJS中的AJAX调用打印JSON数据

2 个答案: