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>