[WebAPI] ajax请求webapi不知道为什么总是不成功，请高手指教指教。

[it3nod]

后端API代码：

public class TestController : BaseController
{
        [HttpPost]
        public HttpResponseMessage testPost([FromBody]TokenModel token)
        {
            try
            {

                return Success().toHttpResponseJson();
            }
            catch (Exception err)
            {
                return Failure(err.Message).toHttpResponseJson();
            }
        }
}

public class TokenModel
{
        public string access_token { get; set; }
        public long createtime { get; set; }
        public int expires_in { get; set; }
}

前端Html代码：

function doRequest() {
	var jData = "{\"access_token\":\"aaaaaaa\",\"createtime\":112121212,\"expires_in\":7200}";
	
            $.ajax({
                url: 'http://localhost:37424/api/test/testPost',
                type: 'POST',
                data: JSON.parse(jData),   //这里直接用jData也不行
		contentType: "application/json",
		dataType: "json",
                success: function (returndata) {
                    alert(1);
                },
                error: function (returndata) {
                    alert(2);
                }
            });
}

主要是返回：远程服务器返回错误: (500) 内部服务器错误。

[jhdxhj]

这个接口，你用POSTMAN可以测试通不？

[it3nod]

不懂什么是POSTMAN，参数[FromBody]TokenModel token如果改成[FromUri] string str这样是可以通的，感觉是参数传递方式两边不一致。

[szjarvis]

postman是一个调试工具，报的错误比较详细。用最简单的controller试一下

public class TestController : ApiController
{
        [HttpPost]
        public string testPost([FromBody]TokenModel token)
        {
            try
            {
 
                return "OK";
            }
            catch (Exception err)
            {
                return "error";
            }
        }
}

如果以上代码可以输入出OK，那说明你的BaseController有问题，建议用调试工具，错误还是比较清淅的。

[一只平凡的骡子]

1.web.config 需要配置跨域

   <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS " />
        <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type" />
        <add name="Access-Control-Allow-Origin" value="*" />
      </customHeaders>
    </httpProtocol>

2.前端ajax

    $("#save").click(function(){ 
		jQuery.support.cors = true;
		var jdata = {"access_token":"1231","createtime":"123","expires_in":"123"};
		$.ajax({
			url: 'http://192.168.1.81:8492/api/values/testPost',
			type: "POST",
			// contentType:"application/json; charset=urf-8",   指定的是类型json串,不是 json 对象
			dataType:'json',    
			data:  jdata,
			crossDomain: true,
			success: function (returndata) {
				alert(JSON.stringify(returndata));
			},
			error: function (returndata) {
				alert(2);
			}
		});
    });

3.后端C#代码

   
  [HttpPost, HttpOptions]
        [ActionName("testPost")]
        public ApiResult testPost([FromBody] TokenModel  tokenModel)
        {
            try
            {
                return new ApiResult
                {
                    IsError = false,
                    Msg = "获取成功",
                    PageCount = 1,
                    Result = tokenModel
                };
            }
            catch (Exception err)
            {
                return new ApiResult
                {
                    IsError = true,
                    Msg = "失败",
                    PageCount = 1,
                    Result = "testPost"
                };
            }
        }

4.打印结果

[正怒月神]

主要是返回：远程服务器返回错误: (500) 内部服务器错误 这说明，接口已经访问到了。 那么就是接口内部处理时，异常了！ 首先，看看有没有过滤器，拦截器之类的生效。 然后，你看一下 BaseController 里边哪些初始化的东西，加个断点。 最后，看看代码的catch块（但是这一块可能性很小。因为已经捕获了。所以我猜测可能是basecontroller的问题。）

[醉★红颜]

建议先用postman测试一下。