首页 > 代码库 > tmp

tmp

2024-08-04 02:37:09   219人阅读

 

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=http://www.mamicode.com/"@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


联系
我们