码迷,mamicode.com
首页 > 其他好文 > 详细

tmp

时间:2014-11-24 16:47:50      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   color   os   使用   sp   java   

 

1.$(selector).load(URL, data, callback)方法

      该方法从服务器加载数据,并把返回的数据放入被选元素中。其中:

  • URL,必需的参数,指定希望加载数据的URL;
  • data,可选的参数,要发送给服务器的数据,以Key/value的键值对形式表示,会做为QueryString附加到请求URL中;
  • callback,可选的参数,指定load()方法完成后所执行的函数名称。

      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.查看效果

tmp

标签:style   blog   io   ar   color   os   使用   sp   java   

原文地址:http://www.cnblogs.com/meetyy/p/4118755.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!