<!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 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";
}
}
}