无法查看我使用 json 返回的查询结果

Posted 2023-04-12

【中文标题】无法查看我使用 json 返回的查询结果

【英文标题】：can't view the result of a query that i returned with json

【发布时间】：2015-09-07 18:09:12

【问题描述】：

这是我在控制器中获取产品 ID 并使用 json 返回供应商的方法：

public ActionResult GetProductData(int ProductId)
            
                var data = from m in db.Products
                      join sa in db.SupPro on m.ProductID equals sa.ProductID
                      join f in db.Supplier on sa.CompanyID equals f.CompanyID
                      where m.ProductID == ProductId
                      select new  CompanyName = f.NameS, AdressCompany = f.Address, PhoneCompany = f.Phone ;
                return Json(new  foo = data.ToList(), ball = "dragon", elementId = ProductId , JsonRequestBehavior.AllowGet);
            

屏幕上的输出是：data res :[object Object] dragon 4

这些是我的模型类：

客户模型：

 public class Customer


    [Key]
    public int CustomerID  get; set; 
    public String NameS  get; set; 
    public String NameP  get; set; 
    public String Name  get; set; 
    public String Phone  get; set; 
    public String Address  get; set; 
    public String Email  get; set; 

    public virtual ICollection<SupPro> SupPro  get; set; 

供应商类：

   public class Supplier
        
            [Key]
            public int CompanyID  get; set; 
            public String NameS  get; set; 
            public String Address  get; set; 
            public String Phone  get; set; 

            public virtual ICollection<SupPro> SupPro  get; set; 
        

产品类别：

public class Products
    
        [Key]
        public int ProductID  get; set; 
        public String NameP  get; set; 
        public decimal Price  get; set; 
        public int Quantity  get; set; 

        public virtual ICollection<SupPro> SupPro  get; set; 
    

和 supPro 类：

public class SupPro
    
        [Key]
        public int SupProID  get; set; 
        public int CustomerID  get; set; 
        public int ProductID  get; set; 
        public int CompanyID  get; set; 
        public DateTime SupplyDate  get; set; 

        public virtual Products Product  get; set; 
        public virtual Supplier Supplier  get; set; 
        public virtual Customer Customer  get; set; 
    

谁能告诉我我的问题是什么，这样我就可以根据需要查看查询的结果。

谢谢。

【问题讨论】：

这可以帮助你mkyong.com/javascript/how-to-access-json-object-in-javascript

显示客户端代码！

你不能直接print json数据到浏览器。您需要迭代 json 对象并使用各个属性。否则，您需要使用某种绑定库，如 knockout.js 来为您处理客户端 json 与 html 的绑定。

【参考方案1】：

我不确定这是否有帮助，但如果您有一个包含 JSON 类或数组的 JavaScript 变量，并且如果您使用的是 AngularJS，那么以可读形式显示该值真的很容易：

<pre>  myArrayOfObjects | json  </pre>

我经常使用这个技巧，尤其是在编写 AngularJS 代码以及测试我的控件是否绑定到 JSON 对象中的正确字段时。

但是是的，你是对的，没有 AngularJS，试图显示这样一个变量的内容只会返回一个毫无意义的结果：

[object Object]

【参考方案2】：

您的 json 可以在 jQuery success 或 done 调用中访问，如下所示：

foo 是一个集合，因此可以通过索引或循环访问它，然后是属性名称。

以获取第一个CompanyName属性为例。

data.foo[0].CompanyName

更常见的是，您会使用循环来使用 jQuery 输出这些内容，您可以使用 $.each 并将它们附加到元素中。

您定义的其他元素可通过以下方式访问：

data.ball
data.elementId

更新

 success: function (data) 
                            var x = data;

                            $.each(data.foo, function (i, item) 
                               $nextElm.append(item.CompanyName + '<br/>');
                            );

                         

显然将附加更改为您想要的输出。