集合在ASP.NET WebApi中返回null

时间:2016-01-02 11:33:58

标签: c# jquery asp.net asp.net-mvc asp.net-web-api

我正在使用ASP.NET WebApi 2.0我已经在localserver上发布了它并尝试使用服务

这就是我的Api Controller的外观

public class TestController : ApiController
{
    public List<string> names = new List<string>();
    public String Get()
    {
        return "Hello I am Service";
    }

    public IEnumerable<string> Post([FromBody]string custName)
    {
        try
        {

            names.Add(custName);
            return names;
        }
        catch(Exception ex)
        {
            return null;
        }           
    }
}

我正在使用jQuery AJAX发布值&amp;它看起来如下

var customerName = $('#txtName').val();

$.ajax(
{
 url:"http://myip:8060/Api/Test",
 method:"POST",
 data:{'custName',customerName},
 success:function(data)
 {
  console.log(data);
 }
error:function(e)
{
 console.log(e);
}
})

现在,如果我提醒客户名称,我得到了正确的值,但是当我返回时,控制器的Post操作返回null,如下所示

[null]
[null,null] 

我的问题是为什么值变为空?

4 个答案:

答案 0 :(得分:1)

ASP.NET Web API的模型绑定器无法将JSON转换为字符串,您必须使用对象来实现这一点。

因此,您有3个选项来解决您的问题

首先,使用查询字符串

在您的操作中,将属性FromBody更改为FromUri,就像那样

public IEnumerable<string> Post([FromUri]string custName)
{
    try
    {
        names.Add(custName);
        return names;
    }
    catch (Exception ex)
    {
        return null;
    }
}

然后更改您的JavaScript代码

$.post("/Api/Test/?custName=" + customerName, function(data) {
    console.log(data);
}).error(function(e) {
    console.log(e);
});

其次,使用路由属性

使用像

这样的Route属性来装饰你的动作
[Route("api/test/{custName}")]
public IEnumerable<string> Post([FromUri]string custName)
{
    try
    {
        names.Add(custName);
        return names;
    }
    catch (Exception ex)
    {
        return null;
    }
}

然后更改您的JavaScript代码

$.post("/Api/Test/" + customerName, function(data) {
    console.log(data);
}).error(function(e) {
    console.log(e);
});    

Obs。:要使用Route属性,您必须在WebApiConfig中对其进行配置,因此您必须在此处使用此行:

config.MapHttpAttributeRoutes();

所以你的WebApiConfig应该是这样的

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

        // Web API routes
        config.MapHttpAttributeRoutes();

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

第三,使用视图模型类

创建一个类

public class ViewModel
{
    public string custName { get; set; }
}

使用FromBody属性

在您的操作中接收此模型
public IEnumerable<string> Post([FromBody]ViewModel viewModel)
{
    try
    {
        names.Add(viewModel.custName);
        return names;
    }
    catch (Exception ex)
    {
        return null;
    }
}

然后更改您的JavaScript代码

$.post("/Api/Test/", { custName: customerName }, function(data) {
    console.log(data);
}).error(function(e) {
    console.log(e);
});

Obs。:您的控制器有一点小错误

public class TestController : ApiController
{
    public List<string> names = new List<string>();

    public string Get()
    {
        return "Hello I am Service";
    }

    //Rest of code
}

Web API和MVC中的每个控制器都是在服务器处理请求时创建的,因此如果要保留,每个请求中TestController类中的名称字段将是一个新列表此列表中的数据其他请求,使此静态

public static List<string> names = new List<string>();

答案 1 :(得分:0)

在jQuery中试试这个:

var customerName = $('#txtName').val();

$.ajax(
{
 url:"http://myip:8060/Api/Test",
 method:"POST",
 data:JSON.stringify({'custName':customerName}),
 success:function(data)
 {
  console.log(data);
 }
error:function(e)
{
 console.log(e);
}
})

答案 2 :(得分:0)

试试这个: -

primes = go [2..100]
    where
        go l@(t:ts)
            | all (\x -> t `rem` x /= 0) [2..t-1] = t:(go ts)
            | otherwise = go ts
        go [] = []

main = print primes

答案 3 :(得分:0)

嗯控制器在尝试发布请求时会以某种方式出错。 在你的控制器中试试这个:

public List<string> Post()//[FromBody]string custName)
    {
        HttpContent requestContent = Request.Content;
        string custName = requestContent.ReadAsStringAsync().Result;

        try
        {

            names.Add(custName);
            return names;
        }
        catch (Exception ex)
        {
            List<string> errors = new List<string> {ex.Message};
            return errors;
        }



    }

我使用的html如下:

    <!DOCTYPE html>

<html>
<head>
    <title></title>
    <meta charset="utf-8"/>
</head>
<body>
First name: <input type="text" id="demo2" onkeyup="showitemresult()" ><br>
    result name: <input type="text" id="demo" ><br>
</body>
</html>
<script>
    function showitemresult() {
        var xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function () {
            if (xhttp.readyState == 4 && xhttp.status == 200) {
                document.getElementById("demo").value = xhttp.responseText;
            }
        };
        xhttp.open("POST", "http://localhost:52016/api/values", true);
        xhttp.send(document.getElementById("demo2").value);
    }
</script>

http://localhost:52016/api/values更改为您的地址 编辑2:我注意到js不是jquery。但我得到了这个工作。