如何使用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

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

如何使用ajax刷新一个div




以上内容就是如何使用ajax刷新一个div的内容啦,希望对你有所帮助哦!

    猜你喜欢