MVC ajax调用未传递参数

Question

我有一个执行ajax调用的MVC应用程序，但现在我需要执行post并传递一个json对象。

我似乎无法访问传递jsonString的web方法。

我有一个执行post的ajax调用：

  $.ajax({
     type: "POST",
     async: false,
     global: false,
     url: uri,
     data: "{image:testit}",
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     success: function (data) {
        json = data;
     },
     error: function (err) {
        console.log('Issue with ajaxPostCallForJson - err: ' + err);
        reject('Issue with ajaxPostCallForJson - err: ' + err);
     }
  });

web方法包括：

  [System.Web.Mvc.HttpPost]
  public string updateAttachmentToServer() 
  {
     string result = string.Empty;
     return result;
  }

  [System.Web.Mvc.HttpPost]
  public string updateAttachmentToServer(string jsonStringWorkIssues)
  {
     string result = string.Empty;
     return result;
  }

我的路由是：

public static class WebApiConfig
{
    public static void Register(HttpConfiguration config)
    {
        // Web API configuration and services

        // Web API routes
        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "ActionApi",
            routeTemplate: "api/{controller}/{action}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }
}

它转到没有参数但没有参数的方法，即使我的路由有一个有参数的方法。

我是不是遗漏了什么？

谢谢。

好的,

我将路由更改为以下内容，以便参数名与路由和ajax调用相匹配：

  [System.Web.Mvc.HttpPost]
  public string updateAttachmentToServer(string image)
  {
     string result = string.Empty;
     return result;
  }

我添加了一个新的路由来处理新的镜像名称：

       config.Routes.MapHttpRoute(
          name: "ActionApi2",                                    // Route name  
          routeTemplate: "api/{controller}/{action}/{image}",      // URL w/ params  
          defaults: new { image = RouteParameter.Optional }  // Param defaults  
       );

ajax调用已更改为：

  $.ajax({
     type: "POST",
     async: false,
     global: false,
     url: uri,
     data: { image: '10'},     //"{ modelCode:\"" + $(this).attr('data-model') + "\", vdcCode:\"" + $(this).attr("data-vdc") + "\" }",
     dataType: "json",
     success: function (data) {
        json = data;
     },
     error: function (err) {
        console.log('Issue with ajaxPostCallForJson - err: ' + err);
        reject('Issue with ajaxPostCallForJson - err: ' + err);
     }
  });

但它仍然使用第一种方法-没有参数的方法。

Answer 1

data: "{image:testit}",

应该是

data: {image:testit},

Answer 2

1) dataType："json"，//其平均服务器返回数据类型

 [System.Web.Mvc.HttpPost]
 public string updateAttachmentToServer(string image)
 {
   string result = string.Empty;
   return result;
  // here return should be json , instead of string
}

2)确定webapi的Url

3) contentType："application/ json；charset=utf-8"，它的平均数据类型是发送给服务器，先把数据改成json再发送给服务器

 data: JSON.stringify({ image: '10'}),