广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    如何使用ajax刷新一个div

    来源:网络收集  点击:  时间:2024-09-08
    【导读】:
    使用ajax刷新一个div,也就是人们常说的页面局部刷新。本文以asp.net mvc页面,引入jquery,使用ajax方法演示如何实现局部刷新一个div,关于如何创建asp.net mvc项目,此前已有多篇介绍过了,且不是本文关注的重点,所以,创建项目过程不细讲工具/原料morevisual studio 2017.NET Framework 4.5+方法/步骤1/6分步阅读

    创建asp.net mvc项目

    1)打开visual studio 2017,新建asp.net mvc项目【MVCAjax】

    2)用于演示ajax从后台获取数据填充到前台页面的div

    2/6

    添加Controller、页面、添加Jquery文件

    1)在Controller文件夹上右键选择【添加】-【控制器】

    2)在Controller中右键添加Index视图页面

    3)在【MVCAjax】项目中新建Content文件夹,把Jquery文件添加都此文件夹中

    3/6

    在Index页面中引入jquery,并添加测试dom节点

    1)两个div,一个用于显示固定内容,另一个div用于刷新

    2)一个按钮用于点击时,使用ajax获取后台内容,刷新div

    4/6

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

    5/6

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

    6/6

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

    JQUERYJSAJAX局部刷新刷新DIV
    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1200836.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-07 06:32:31  耗时:0.023
    0.0233s