如何使用ajax刷新一个div

 时间:2024-10-15 14:47:11

1、创建asp.net mvc项目 1)打开visual studio 2017,新建asp.net mvc项目【MVCAjax】 2)用于演示ajax从后台获取数据填充到前台页面的div

如何使用ajax刷新一个div
如何使用ajax刷新一个div
如何使用ajax刷新一个div

2、添加Controller、页面、添加Jquery文件 1)在Controller文件夹上右键选择【镙烨莲峪添加】->【控制器】 2)在Controller中右键添加Index视图页面 3)在【MVCAjax】项目中新建Content文件夹,把Jquery文件添加都此文件夹中

如何使用ajax刷新一个div
如何使用ajax刷新一个div
如何使用ajax刷新一个div

3、在Index页面中引入jquery,并添加测试dom节点1)两个div,一个用于显示固定内容,另一个div用于刷新2)一个按钮用于点击时,使用ajax获取后台内容,刷新div

如何使用ajax刷新一个div

4、在Controller中添加多一个方法,用于页面ajax请求此方法,返回内容

如何使用ajax刷新一个div

5、在Index页面添加jquery的ajax代码,调用后台方法,刷新div

如何使用ajax刷新一个div

6、在visual studio中按F5,调试模式运行页面效果如下

如何使用ajax刷新一个div
  • 关于 快捷注册oxc dll 控件
  • 猎豹浏览器cpu占用过高如何处理
  • windows server 2008 R2 sp1安装IIS启动失败
  • 完美世界游戏如何精炼装备升级技能修为
  • 剑侠世界3怎么用兑换码兑换礼品?
  • 热门搜索
    运动会手抄报 关于春天的手抄报 汉字真有趣手抄报 名著手抄报 保护眼睛手抄报 说普通话写规范字手抄报 祭英烈手抄报 祖国手抄报 清明节手抄报图片 春节英语手抄报