MVC3学习 七 JQuery方式和微软自带的AJAX请求

<script type="text/javascript">
$(function () {
$("#btn").click(function () {
$.ajax({
url: "Home/getDate", //访问的Action
type: "Post",        //请求方式
success: function (date) { //成功的回调函数
alert(date);
},
date: "?id=1&name=yu"       // 传递参数
});
$.get("Home/getDate", {}, function (date) {   //get方式，第二个参数代码传递的参数
alert(date);
})
})
})
</script>
<input id="btn" type="button" value="时间" />

<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>

<script type="text/javascript">
function afterSuccess(data) {
alert(data);
}
</script>

@using (Ajax.BeginForm("getDate","Home",new AjaxOptions(){
Confirm="确定要提交么",HttpMethod="Post",
InsertionMode=InsertionMode.Replace,
OnSuccess="afterSuccess",
UpdateTargetId="result", LoadingElementId="loding"}))
{
<div>
用户名：<input type="text" /><br />
密码:<input type="text" /><br />
<input type="submit" />
</div>
}
<div id="result">

</div>
<div id="loding" style="display:none" >
正在加载
</div>