我使用jquery创建了一个JSON字符串,我想将它发送到C#web api控制器。
这是JSON对象的一个示例
{"Name":"","Type":"4","Meals":["2","3"],"Excludes":["Beef","Chicken"]}
我尝试使用这样的网址发送
API/Recipe/Search?json={"Name":"","Type":"4","Meals":["2","3"],"Excludes":["Beef","Chicken"]}
我的控制器是这样的:
public class RecipeController : ApiController
{
[HttpGet]
public string Search(searchObject json)
{
return "Asdasd";
}
}
并且喜欢这个
public class RecipeController : ApiController
{
[HttpGet]
public string Search(string json)
{
searchObject search = (searchObject)JsonConvert.DeserializeObject(json);
return "Asdasd";
}
}
但在这两种情况下,控制器都不会捡起它。我正在使用MVC4。
这是我用来打电话的Jquery。 apiLink是我在上面发布的链接。
$.getJSON(apiLink, function (data) {
var items = [];
$.each(data, function (key, val) {
items.push('<li id="' + key + '">' + val + '</li>');
});
$('<ul/>', {
'class': 'my-new-list',
html: items.join('')
}).appendTo('body');
});
如何让控制器接收JSON对象?
由于
答案 0 :(得分:4)
您应该在方法中使用POST属性,这样您就可以将复杂对象发布到Web API,
您可以从json to cSharp
为JSON创建一个类public class SearchObject
{
public string Name { get; set; }
public string Type { get; set; }
public List<string> Meals { get; set; }
public List<string> Excludes { get; set; }
}
然后在您的web api中,使用HttpPost属性指定方法,Web API将负责将帖子中的json反序列化到您的模板。
[HttpPost]
public string Search(SearchObject json)
{
return "Asdasd";
}
您可以尝试使用fiddler作为发布请求,在请求标头中指定type:
内容类型:应用/ JSON
并在请求正文中粘贴你的json,并执行
答案 1 :(得分:0)
看起来你已经得到了回复,但这是一个可行的解决方案的代码:
注意:我在MVC3中使用了JsonResult Actions,但原理是相同的
控制器:
public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{
return View();
}
[HttpPost] // requires HttpPost attribute
public JsonResult SendData(SearchObject payload)
{
// do something here
return Json(new { status = "Success" });
}
}
public class SearchObject
{
public string Name { get; set; }
public string Type { get; set; }
public List<string> Meals { get; set; }
}
查看:
@{
ViewBag.Title = "Index";
}
<script src="../../Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$.ajaxSetup({ accepts: "application/json" });
$.ajax({
url: '@Url.Action("SendData")', type: "POST",
success: function (data) {
alert(data.status);
},
error: function (a, b, c) { },
data: { 'Name':'Glenn','Type':'4','Meals':["1","2"] }
});
</script>
<h2>Index</h2>
希望这会有所帮助......