通过jQuery实现Ajax传值
通过jQuery实现Ajax传值
-
Ajax Asynchronous JavaScript and XML (异步JavaScript与XML)，异步刷新 在后台请求服务器数据，只对特定区域进行局部更新，不必重载页面的一种技术 应用举例： 控制器端的代码
public ActionResult GetDate()
{
return Content(DateTime.Now.ToString());
}
视图前端的代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script>
//绑定btn按钮的click事件，实现从后台获取时间
$(function () {
$("#btn").click(function(){
//通过AJAX实现数据访问
$.ajax({
url: "",//访问的action
type: "",
success: function (data) {
$("#show").html(data);
//当ajax请求成功时，会返回数据，方法中data就是返回的数据
},
data:"id=2&name=23" //携带传递的数据，可以在后台取得
})
})
})
</script>
</head>
<body>
<input type="button" id="btn" value="获取时间"/>
获取时间:
<div id="show" style="width:300px;height:30px;border:1px dotted solid"></div>
</body>
</html>
