网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何使用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
© 2025 阿力知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com