如何使用ajax刷新一个div
利用ajax刷新一个div，也就是人们常说的页面局部刷新。
本文以asp.net mvc页面，引入jquery，利用ajax方式演示若何实现局部刷新一个div，关于若何建立asp.net mvc项目，此前已有多篇介绍过了，且不是本文存眷的重点，所以，建立项目过程不细讲
东西/原料
- visual studio 2017
- .NET Framework 4.5+
方式/步调
- 1
建立asp.net mvc项目
1）打开visual studio 2017，新建asp.net mvc项目【MVCAjax】
2）用于演示ajax从后台获取数据填充到前台页面的div
- 2
添加Controller、页面、添加Jquery文件
1）在Controller文件夹上右键选择【添加】->【节制器】
2）在Controller中右键添加Index视图页面
3）在【MVCAjax】项目中新建Content文件夹，把Jquery文件添加都此文件夹中
- 3
在Index页面中引入jquery，并添加测试dom节点
1）两个div，一个用于显示固心猿意马内容，另一个div用于刷新
2）一个按钮用于点击时，利用ajax获取后台内容，刷新div
- 4
在Controller中添加多一个方式，用于页面ajax请求此方式，返回内容
- 5
在Index页面添加jquery的ajax代码，挪用后台方式，刷新div
- 6
在visual studio中按F5，调试模式运行页面结果如下
- 发表于 2018-11-03 00:00
- 阅读 ( 955 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章