如何使用ajax刷新一个div

利用ajax刷新一个div，也就是人们常说的页面局部刷新。

本文以asp.net mvc页面，引入jquery，利用ajax方式演示若何实现局部刷新一个div，关于若何建立asp.net mvc项目，此前已有多篇介绍过了，且不是本文存眷的重点，所以，建立项目过程不细讲

东西/原料

• visual studio 2017
• .NET Framework 4.5+

方式/步调

1. 1

   建立asp.net mvc项目

       1）打开visual studio 2017，新建asp.net mvc项目【MVCAjax】

       2）用于演示ajax从后台获取数据填充到前台页面的div

   
2. 2

   添加Controller、页面、添加Jquery文件

       1）在Controller文件夹上右键选择【添加】->【节制器】

       2）在Controller中右键添加Index视图页面

       3）在【MVCAjax】项目中新建Content文件夹，把Jquery文件添加都此文件夹中

   
3. 3

   在Index页面中引入jquery，并添加测试dom节点

   1）两个div，一个用于显示固心猿意马内容，另一个div用于刷新

   2）一个按钮用于点击时，利用ajax获取后台内容，刷新div

   
4. 4

   在Controller中添加多一个方式，用于页面ajax请求此方式，返回内容

   
5. 5

   在Index页面添加jquery的ajax代码，挪用后台方式，刷新div

   
6. 6

   在visual studio中按F5，调试模式运行页面结果如下