post dynamic

来源：互联网发布：阿里云备案多长时间编辑：程序博客网时间：2024/06/07 14:48

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script src="Scripts/jquery-1.8.2.min.js"></script>
<title></title>
</head>
<body>
<input type="button" name="name" value="练习post " id="1"/>
<div id="content">this should be hide</div>
<input type="button" name="name" value="隐藏上文" id="hideContent"/>
<script type="text/javascript">
$("#1").click(function () {
$.ajax({
url: "api/DynamicTest/Test",
type: "POST",
contentType: 'application/json',
data:JSON.stringify({"name":"jim","age":"12"}),
success:function(data)
{
alert(data);
},
dataType:"json"
})
})
//隐藏内容
$("#hideContent").click(function () {
if ($("#hideContent").val() == "显示上文")
{
$("#content").show();
$("#hideContent").val("隐藏上文");
}
else
{
$("#content").hide();
$("#hideContent").val("显示上文");
}

})
</script>
</body>

</html>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Http;
//using System.Web.Mvc;
using WEBapi.Controllers;

namespace WEBapi.Models
{
public class DynamicTestController : ApiController
{
//
// GET: /DynamicTest/
//[HttpPost]
public string Test( dynamic name)
{
return name.name + "hell";
}

}
}

0 0