如何将JSON数据从C#控制器传递到angular js?

卡维莎

如何将JSON数据从C#控制器传递到angular js?我想将json从控制器传递到有角js。我尝试了不同的方法,但是没有一个起作用。请参阅下面的代码

var app = angular.module('myApp', []);
app.controller('customersCtrl', function ($scope, $http) {
    $http.get("/adnActions/getJson")
    .success(function (response) { alert(response.records); $scope.names = response.records; });
});

C#控制器代码

 public async Task<string> getJson()
    {
                 data="{'records':[ {'Name':'Alfreds Futterkiste','City':'Berlin','Country':'Germany'}, {'Name':'Ana Trujillo Emparedados y helados','City':'México D.F.','Country':'Mexico'}]}";
       return data;    

    }

但无法在以下Angular js控制器中获取数据是在控制台中引发的错误,“错误:JSON.parse:预期属性名称或'}'在JSON数据的第1行第2列

如何解决这个问题?这里有什么问题?

姓氏

我怀疑这是因为您的JSON格式。您使用的是单引号还是双引号。有效的JSON使用双引号

这是我运行您的json时得到的信息,我已将响应更改为HttpResponseMessage并明确设置了响应内容类型以消除此问题。基于您在Javascript方面的错误,我认为您的问题是JSON中的单引号。

    public async Task<HttpResponseMessage> GetJsonSingle()
    {
        HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK)
        {
            Content = new StringContent("{'records':[ {'Name':'Alfreds Futterkiste','City':'Berlin','Country':'Germany'}, {'Name':'Ana Trujillo Emparedados y helados','City':'México D.F.','Country':'Mexico'}]}")
        };

        result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/json");

        return result;
        }

结果是:

破灭

虽然双引号:

     public async Task<HttpResponseMessage> GetJsonDouble()
    {
        HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK)
        {
            Content = new StringContent("{\"records\":[ {\"Name\":\"Alfreds Futterkiste\",\"City\":\"Berlin\",\"Country\":\"Germany\"}, {\"Name\":\"Ana Trujillo Emparedados y helados\",\"City\":\"México D.F.\",\"Country\":\"Mexico\"}]}")
        };

        result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/json");

        return result;
    }

正常工作:

正确的

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Angular JS的控制器之间传递数据?

如何在Angular JS中将数据从工厂传递到控制器?

Sails JS:如何将值从策略传递到控制器

如何通过Ember.js中的操作将多个值从视图传递到控制器?

如何将js值从laravel刀片传递到控制器

如何将变量从路由传递到控制器Node.js JavaScript

如何从odoo控制器将JSON数据检索到特定的js文件(ExtJS)

将参数从.js文件传递到控制器

node.js-如何将数据从控制器传递到expressjs中的中间件?

如何将数组从控制器传递给vue.js v-for?

在Laravel中,如何简单地将数据从js传递回控制器以查看?

如何将数组从Laravel控制器传递到Vue.js组件

如何将客户端值从浏览器端传递到node.js控制器

Angular.js将错误消息从服务传递到控制器$ scope

如何将JSON数据传递到.js文件

如何将数据从Sails.js中的模型发送回控制器

Angular.js:将日历值从指令传递到控制器

将数据从C#传递到angular js html

将Browserify与Angular JS一起使用--将服务传递到控制器

angular js:无法将值从控制器传递到包含页面的html

如何将值从vue.js传递到控制器?

angular js,将数据作为参数从视图传递到控制器

如何从弹簧控制器获取值到 Angular js

如何从弹簧控制器获取数据到角度js

如何将参数传递给 express.js 中的嵌套控制器?

如何将 JS 数据从脚本文件传递到 C# 方法

我在将我的 angular js 控制器重定向到 c# 控制器时遇到问题。下面是我的脚本控制器代码和 c# 控制器代码

如何将变量从控制器传递到视图并在 Laravel 的 Vue.js 上使用它?

如何将数据从模型发送到控制器节点js