17

我有这个代码：

   $.ajax({


        type: "POST",
        url: "/api/slide",
        cache: false,
        contentType: "application/json; charset=utf-8",
        data: '{"Title":"fghfdhgfdgfd"}',
        dataType: "json",

这是我的控制器：

public class SlideController : ApiController
{

    // POST /api/Slide
    public void Post(string Title)
    {
    }

当我运行代码并调用 /api/Slide 时，[Title] 没有数据并且为空。

如何将 JSON 发布到 API 控制器？

POST http://127.0.0.2:81/api/slide HTTP/1.1
Host: 127.0.0.2:81
Connection: keep-alive
Content-Length: 18
Origin: http://127.0.0.2:81
X-Requested-With: XMLHttpRequest
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.1 (KHTML, like Gecko) Chrome/21.0.1180.89 Safari/537.1
Content-Type: application/json; charset=UTF-8
Accept: application/json, text/javascript, */*; q=0.01
Referer: http://127.0.0.2:81/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.3

Title=fghfdhgfdgfd
4

5 回答 5

21

定义视图模型：

public class SlideViewModel
{
    public string Title { get; set; }
}

然后让您的控制器操作将此视图模型作为参数：

public class SlideController : ApiController
{
    // POST /api/Slide
    public void Post(SlideViewModel model)
    {
        ...
    }
}

最后调用动作：

$.ajax({
    type: 'POST',
    url: '/api/slide',
    cache: false,
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify({ title: "fghfdhgfdgfd" }),
    success: function() {
        ...    
    }
});

原因是字符串等简单类型是从 URI 绑定的。我还邀请您阅读以下有关 Web API 中的模型绑定的文章。

于 2012-09-16T12:11:18.000 回答
10

确保您尝试转换为的对象具有默认（空）构造函数。

经验法则：如果要反序列化为对象，则需要使创建对象变得简单。这些指南可以帮助：

  • 所有要传递的属性必须是公共的

  • 该对象需要能够在没有任何参数的情况下构造。

这个 JSON 字符串/对象例如：

{ Name: "John Doe", Phone: "123-456-7890", Pets: [ "dog", "cat", "snake" ] }

可以从以下类转换为对象：

 public class Person {

     public string Name { get; set; }
     public string Phone { get; set; }
     public string[] Pets { get; set; }

  }

或者这个：

public class Person {

   public string Name { get; set; }
   public string Phone { get; set; }
   public string[] Pets { get; set; }
   public Person() {}
   public Person(string name, string phone) {
      Name = name;
      Phone = phone;
   }

}

或者这个：

public class Person {

    public string Name { get; set; }
    public string Phone { get; set; }
    public string[] Pets { get; set; }
    public Person() {}


 }

但不是这个

public class Person {

    public string Name { get; set; }
    public string Phone { get; set; }
    public string[] Pets { get; set; }
    public Person(string name, string phone) {
      Name = name;
      Phone = phone;
    }

}

现在让 ASP.NET MVC 4 完成剩下的工作

public class PersonController : ApiController
{
        // .. other actions 
        public HttpResponseMessage PostPerson(Person person)
        {
            if ( null != person)
                // CELEBRATE by doing something with your object
            else 
                // BE SAD and throw and exception or pass an error message

        }
        // .. other actions 
}

如果您的类没有默认构造函数，或者您无权访问该类的源代码，您可以创建一个适配器类

  • 有一个默认构造函数
  • 公开那些需要公开的属性

使用上面没有默认构造函数的 Person 类，适配器可能看起来像

public class PersonAdapter {

    public Person personAdaptee;

    public string Name {
        get { return personAdaptee.Name; }
        set { personAdaptee.Name = value }
    }

    public string Phone {
        get { return personModel.Phone; }
        set { personModel.Phone = value; }
    }

    public string[] Pets {
        get { return personAdaptee.Pets; }
        set {personAdaptee.Pets = value }
    }

    public PersonAdapter() {

        personAdaptee = new Person("", "", null);

    }

}

现在让 ASP.NET MVC 4 完成剩下的工作

public class PersonController : ApiController
{
        // .. other actions 
        public HttpResponseMessage PostPerson(PersonAdapter person)
        {
            if ( null != person)
                // CELEBRATE by doing something with your object
            else 
                // BE SAD and throw and exception or pass an error message

        }
        // .. other actions 
}
于 2012-09-22T00:08:40.687 回答
2

试试这个：

$.ajax({
    type: "POST",
    url: "/api/slide",
    data: { Title: "fghfdhgfdgfd" }
});

导致这种情况的是 data 属性周围的引号：

即>>数据：{标题：“fghfdhgfdgfd”}
不是>>数据：' {标题：“fghfdhgfdgfd”} '

更新：
你的控制器看起来也有点奇怪，虽然很难在没有看到你的路由等的情况下分辨出来。

我希望看到更像这样的东西：

public class SlideController : ApiController
{
    public HttpResponseMessage PostSlide(string Title)
    {
        // Do your insert slide stuff here....

        string uri = Url.Link("DefaultApi", new { id = item.Id });
        response.Headers.Location = new Uri(uri);
        return response;
    }
}

显然，您还需要更新 jQuery 中的 URL。

看看这里：

http://www.asp.net/web-api/overview/getting-started-with-aspnet-web-api/tutorial-your-first-web-api

另一个更新：

通常创建一个 CLR 对象来匹配您的 Json 并使用 MVC 模型绑定器直接绑定到该对象。如果您不想这样做，您可以绑定到对象并反序列化为字典：

// POST api/values
public void Post(object json)
{
    Dictionary<string, string> values = JsonConvert.DeserializeObject<Dictionary<string, string>>(json.ToString());
    var x = values["Title"];
}
于 2012-09-16T10:25:50.030 回答
1

将动作参数转换为 FromBody 即：

public class SlideController : ApiController
{

    // POST /api/Slide
    public void Post([FromBody]string Title)
    {
    }
}
于 2013-04-10T14:04:30.643 回答
0 
$.ajax({
    type: 'POST',
    url: '/api/slide',
    cache: false,
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify({ title: "fghfdhgfdgfd" }),
    success: function() {
        ...    
    }
});

控制器是

public class SlideController : ApiController
{

    // POST /api/Slide
    public void Post(string Title)
    {
    }

您的网址无效，网址必须针对幻灯片控制器中的操作发布

编辑你的 url 到 url:" ~/ControllerName/ActionName" 在这种情况下必须是Url:"~/Slide/Post"

于 2015-09-18T12:20:33.400 回答