jQuery 无法反序列化 json 对象

Question

我有这个回报来自这里

 public string Get(int id)
        {
            return "{\"longPachage\":{\"Id\":0}}";
        }

我通过 ajax 收到这个返回的代码

 $.ajax({
            type: "GET",
            contentType: "application/json; charset=utf-8",           
            url: "http://localhost:3148/api/values/5",           
            success: function (data) {
                alert(data);                
                alert(" Success ");
            },
            error: function (data) {

                alert(" Error ");
            }
        })

如何反序列化 json 对象并仅打印 Id 值？

Answer 1

您可以使用此代码。它可能对你有帮助。 您没有解析数据以获取字符串格式的 JSON。因此，您现在可以使用此代码获取字符串格式的 JSON 数据。

var obj = JSON.parse(data);


$.ajax({
        type: "GET",
        contentType: "application/json; charset=utf-8",           
        url: "http://localhost:3148/api/values/5",           
        success: function (data) {
        var obj = JSON.parse(data);
            alert(obj.Id);                
            alert(" Success ");
        },
        error: function (data) {

            alert(" Error ");
        }
    })

Answer 2

是的，斯蒂芬是对的。

你必须从控制器发送一个 json 结果。

例如。

public JsonResult Get(int id)
{
    return Json(new 
    { 
          longPachage = new { ID = 0 } 
    }, JsonRequestBehavior.AllowGet);
}

在您的 ajax 成功时，只需检索该对象或 dataID。

$.ajax({
        type: "GET",
        contentType: "application/json; charset=utf-8",           
        url: "http://localhost:3148/api/values/5",           
        success: function (data) {
            var dataID = data.longPachage.Id;
            // Do with Your ID.
        },
        error: function (data) {
            //Do anything for error here.
        }
    })

Answer 3

像这样改变你的方法：

public ActionResult Get(int? id)
{
    return Content("{\"longPachage\":{\"Id\":0}}");
}

然后在你的 jQuery 中：

$.getJSON("http://localhost:3148/api/values", {id:5}, function(data) {
    var id = data.longPachage.Id;
    alert(id)
});

Answer 4

尝试在 MVC 中使用 JsonResult 来返回 Json 而不是构建字符串。 JsonResult 只是 ActionResult 的一个抽象类。修改控制器中的代码如下

方法一：

public JsonResult GetTest(int id)
{
    return this.Json(new { ID = 0 }, JsonRequestBehavior.AllowGet);
}

或

方法二：

尝试创建一个模型类为 LongPachage

public class LongPachage()
{
   public int ID {get;set;}
}

并尝试如下调用控制器方法

public JsonResult Get(int id)
    {
        LongPachage model = new LongPachage();
        model.ID = 0;
        return this.Json(model, JsonRequestBehavior.AllowGet);
    }

或

方法3

创建模型类说 TestModel 并尝试添加 LongPachage 类作为该类的属性。

public class TestModel()
    {
       public LongPachage LongPachage {get;set;}
    }

并尝试如下调用控制器方法

public JsonResult Get(int id)
    {
        TestModel model = new TestModel();
        model.LongPachage .ID = 0;
        return this.Json(model, JsonRequestBehavior.AllowGet);
    }

然后在视图中使用 AJAX GET wrapper 尝试如下实现

 $.get('@Url.Action("Get","ControllerName")', { id: "5" })
                .done(function (data) {
                   // If you are using Method 1 or Method 2 alert will be as follows
                    alert(data.ID);
                   // If you are using method 3 
                    alert(data.LongPachage.ID)
                });