MVC ajax调用不传递参数

时间:2017-04-24 06:40:01

标签: javascript jquery ajax asp.net-mvc

我有一个MVC应用程序,我做ajax调用但我现在需要做一个帖子并传递一个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);
     }
  });

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

2 个答案:

答案 0 :(得分:2)

data: "{image:testit}",

应该是

data: {image:testit},

答案 1 :(得分:0)

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'}),