javascript - MVC ajax调用不传递参数

Question

我有一个 MVC 应用程序，我可以对其进行 ajax 调用，但我现在需要执行 post 操作并传递 json 对象。

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

我有一个 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);
     }
  });

网络方法是:

  [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},