背景:之前已写过两篇有关Ajax的随笔,这一篇是单独针对在页面加载完成的Ajax操作。比如说打开学生列表页面,先加载页面,然后以Ajax的方式,从数据库中检索相应的学生信息,给浏览者更好的体验。

简单版本:document加载完成之后,调用ajax刷新当前页面,修改pLoad的显示文本。

前台代码如下:

 1 <body>
 2     <div>
 3         <p id="pLoad">Ajax之前的结果</p>
 4     </div>
 5 </body>
 6 </html>
 7 <script>
 8     $(function () {
 9         $.ajax({
10             type: "POST",
11             url: "/PageLoad/Test?City=北京&Name=SharpL&Age=18",
12             cache: false,
13             data: null,
14             success: function (result) {
15                 if (result) {
16                     $("#pLoad").text("ajax之后的结果为 " + result.Message + "\n");
17                 }
18             }
19         })
20     });
21 </script>
View Code

相关文章: