1.1 解析

  载入远程 HTML 文件代码并插入至 DOM 中。

  语法格式:

load(url, [data], [callback])

其中,参数

  url:请求被加载的页面URL地址。

  [data]:可选项参数,发送至服务器的数据,key/value格式。

  [callback]:可选项参数,加载成功后返回至加载页面的回调函数。

load()方法默认使用 GET 方式,如果有[data]参数,则会自动转换为POST方式。

1.2 示例

  示例1:load()方法加载全部请求页面HTML代码

  Index.cshtml:

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-2.1.4.js")"></script>
    <script type="text/javascript">
        $(function () {
            $("#container").load("@Url.Action("About", "Home")");
        });
    </script>
</head>
<body>
    <div id="container">
    </div>
</body>
</html>

  About.cshtml:

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>About</title>
</head>
<body>
    <div>
        Index
    </div>
    <div id="about">
        About
    </div>
</body>
</html>
View Code

相关文章: