标签:style blog io ar color os 使用 sp java
1.$(selector).load(URL, data, callback)方法
该方法从服务器加载数据,并把返回的数据放入被选元素中。其中:
load()方法默认使用GET方式来传递,如果[data]参数传递数据进去,就会自动转换为POST方式。例如:
$document.ready(function(){
$(‘#btn1‘).click(function(){
$(‘#test‘).load(‘Home/ShowFileFN‘);
})
});
load()方法从服务器端获取文件数据,控制器方法ShowFileFN()将返回一个文件数据,load()放法获取该数据后显示在id文件为test的HTML元素内。
1.创建MVC4新项目,使用"Internet应用程序"模板。
2.添加CustomAjax控制器,具体代码如下。
public class CustomAjaxController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult PrivacyPolicy()
{
return PartialView();
}
}
3.添加PrivacyPolicy分部视图
@section Scripts{
<script type="text/javascript" src="@Url.Content("~/scripts/AjaxDemo.js")"></script>
}
@Html.ActionLink("Show the privacy policy", "PrivacyPolicy", null, new {id="privacyLink"})
<div id="privacy"></div>
4.在Scripts目录中创建AjaxDemo.js文件。
$(document).ready(function () {
$(‘#privacyLink‘).click(function (event) {
event.preventDefault();
var url = $(this).attr(‘href‘);
$(‘#privacy‘).load(url);
});
});
load方法实际上创建了一个Ajax请求,异步调用此URL,并把响应插到DOM之中。
5.查看效果
标签:style blog io ar color os 使用 sp java
原文地址:http://www.cnblogs.com/meetyy/p/4118755.html