利用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【如何使用ajax刷新一个div】在visual studio中按F5,调试模式运行页面结果如下

以上内容就是如何使用ajax刷新一个div的内容啦,希望对你有所帮助哦!
猜你喜欢
- Mac如何让文件只在finder中显示不在桌面上显示
- “群里有事”使用说明
- MVC cshtml如何使用css3
- 如何弄短连接呢
- 如何在淘宝上开网店免邮
- 正则表达式如何过滤空格
- 荣耀手环4running怎么戴在鞋上使用
- 在Word中如何制作剪切线
- 如何用eclipse 实现简易android计算器
- 如何办理联通花粉卡
