将数据类型 html 发布到 ASP.NET WebAPI答案

【问题标题】：Posting datatype html to ASP.NET WebAPI将数据类型 html 发布到 ASP.NET WebAPI
【发布时间】：2013-05-21 14:35:34
【问题描述】：

将 html 数据类型发布到 webapi 发布方法时遇到一些问题。

这是邮政编码

    $('form#katalog').submit(function(e) {
    e.preventDefault();
    var data = {
        action: 'katalog-callback',
        input: {
            Firstname: $('form#katalog #firstname').val(),
            Lastname: $('form#katalog #lastname').val(),
            Address: $('form#katalog #address').val(),
            Zip:$('form#katalog #zip').val(),
            City: $('form#katalog #city').val(),
            Phone: $('form#katalog #tel').val(),
            Mobile: $('form#katalog #mobile').val(),
            Email: $('form#katalog #email').val(),
            BuildStart: $('form#katalog #build-start').val(),
            Plot: $('form#katalog #plot').val(),
            BuildCity: $('form#katalog #build-city').val()
        }
    };

    var request = $.ajax({
      url: "/ajax",
      type: "POST",
      data: data,
      dataType: "html"
    });

    request.done(function(result) {
      if (result == 1) {
          alert('Thx!')
      } else {
          alert('Error')
      }
    });
});

这就是 WebAPI 方法

   public string Post(LeadModel lead)
    {
        try
        {
            svc.AddLead(lead);
        }
        catch
        {
            return "exception";
        }

        return "true";

这就是模型

公共类LeadModel

{
    public string Firstname { get; set; }
    public string Lastname { get; set; }
    public string Address { get; set; }
    public string Zip { get; set; }
    public string City { get; set; }
    public string Phone { get; set; }
    public string Mobile { get; set; }
    public string Email { get; set; }
    public string BuildStart { get; set; }
    public string Plot { get; set; }
    public string BuildCity { get; set; }
}

这是来自 IIS 的错误消息 {"Message":"An error has 发生。","ExceptionMessage":"没有 MediaTypeFormatter 可用于从具有媒体类型的内容中读取类型为“LeadModel”的对象 'multipart/form-data'。","ExceptionType":"System.InvalidOperationException","StackTrace":" 在 System.Net.Http.HttpContentExtensions.ReadAsAsync[T](HttpContent 内容，类型类型，IEnumerable1 formatters, IFormatterLogger formatterLogger)\r\n at System.Net.Http.HttpContentExtensions.ReadAsAsync(HttpContent content, Type type, IEnumerable1 格式化程序，IFormatterLogger 格式化程序记录器）\r\n 在 System.Web.Http.ModelBinding.FormatterParameterBinding.ExecuteBindingAsync（ModelMetadataProvider metadataProvider, HttpActionContext actionContext, CancellationToken 取消令牌）\r\n 在 System.Web.Http.Controllers.HttpActionBinding.c_DisplayClass1.b_0(HttpParameterBinding parameterBinder)\r\n 在 System.Linq.Enumerable.WhereSelectArrayIterator2.MoveNext()\r\n at System.Threading.Tasks.TaskHelpers.IterateImpl(IEnumerator1 枚举器，CancellationToken cancelToken)"}

任何线索如何解决这个问题？我们不想发布 jquery 帖子，因为我们必须允许跨域发布。

【问题讨论】：

标签： javascript asp.net-mvc-4

【解决方案1】：

POST 方法需要一个 LeadModel 对象，但您发送的对象中包含 2 个字段（“action”和“ input")，因此，预期的类应该是：

public class MyModel
{
    public string action {get;set;}
    public LoadModel input {get;set;}
}

还有你的 webapi 方法：

public string Post(MyModel data)
{
.......
// The input fields should be in "data.input"
.......
}

或者，您可以更改 AJAX 调用，使其仅传递输入字段。喜欢：

var data = {
        Firstname: $('form#katalog #firstname').val(),
        Lastname: $('form#katalog #lastname').val(),
        Address: $('form#katalog #address').val(),
        Zip:$('form#katalog #zip').val(),
        City: $('form#katalog #city').val(),
        Phone: $('form#katalog #tel').val(),
        Mobile: $('form#katalog #mobile').val(),
        Email: $('form#katalog #email').val(),
        BuildStart: $('form#katalog #build-start').val(),
        Plot: $('form#katalog #plot').val(),
        BuildCity: $('form#katalog #build-city').val()
}

仅供参考，你说：

我们不想做一个 jquery post，因为我们必须允许 post cross 域。

但是您正在执行的 AJAX 调用使用的是 POST（$.post 与 $.ajax 相同，类型为 POST）

希望对你有帮助。

【讨论】：