资讯专栏INFORMATION COLUMN

ajax在同一页面中同控制器不同方法中调用数据并异步刷新的实例

jas0n / 1247人阅读

摘要:我在实习以来都有做一些笔记,之前做的笔记都在简书里,现在我提前把公司给我的任务做好了,坐在电脑前又不好玩别的,那么我就整理下我之前的笔记吧此项目是开发的先上效果图这是整体页面图,没错有线上连接,大家可以去看看哈哈下面的是这篇文章的主角这部分


我在实习以来都有做一些笔记,之前做的笔记都在简书里,现在我提前把公司给我的任务做好了,坐在电脑前又不好玩别的,那么我就整理下我之前的笔记吧!(此项目是thinkphp5开发的)

先上效果图

这是整体页面图,没错有线上连接,大家可以去看看哈哈

下面的是这篇文章的主角

这部分是ajax异步出来的内容

问题

主页面调用的方法是index的,而搜索的页面的方法是ajax_list, 怎么实现页面的异步呢?直接上代码了,以前觉得有点难理解,现在不会了哈哈,大家看代码吧!

标题:   " name="title" id="title" class="form-control" style="width:150px">
//搜素异步内容的出现位置

关键

//搜素异步内容的出现位置
success: function (data) { $(".demand_list").html(data); }
分析

这个页面是由很多部分嵌套而来的,页面实现的内容是由不同控制器显示出来的,所以ajax的异步数据就变得点复杂(对于刚开始接触这类项目的人来说一个月前的我 >_<),要解决这个问题首先就是要把握好ajax的那部分...

感想

实习也好在学校自学也好,要懂得做笔记和整理笔记,我以前自学时就比较失误,把笔记做在本子上,也不全,更关键的是做完笔记后就没再看过它了,所以建议要做笔记的话还是做在线上,又可以及时查漏补缺,又可以让有需要的朋友互相学习下,更可以让大家观看后发现自己做的笔记是否有问题

注:文章来源雨中笑记录实习期遇到的问题与心得,转载请申明原文

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/29366.html

相关文章

  • ajax同一页面制器不同方法调用数据异步刷新实例

    摘要:我在实习以来都有做一些笔记,之前做的笔记都在简书里,现在我提前把公司给我的任务做好了,坐在电脑前又不好玩别的,那么我就整理下我之前的笔记吧此项目是开发的先上效果图这是整体页面图,没错有线上连接,大家可以去看看哈哈下面的是这篇文章的主角这部分 我在实习以来都有做一些笔记,之前做的笔记都在简书里,现在我提前把公司给我的任务做好了,坐在电脑前又不好玩别的,那么我就整理下我之前的笔记吧!(此...

    sherlock221 评论0 收藏0
  • ajax同一页面制器不同方法调用数据异步刷新实例

    摘要:我在实习以来都有做一些笔记,之前做的笔记都在简书里,现在我提前把公司给我的任务做好了,坐在电脑前又不好玩别的,那么我就整理下我之前的笔记吧此项目是开发的先上效果图这是整体页面图,没错有线上连接,大家可以去看看哈哈下面的是这篇文章的主角这部分 我在实习以来都有做一些笔记,之前做的笔记都在简书里,现在我提前把公司给我的任务做好了,坐在电脑前又不好玩别的,那么我就整理下我之前的笔记吧!(此...

    denson 评论0 收藏0
  • js面试题(

    摘要:引用计数这是最简单的垃圾收集算法。然而,引用计数算法考虑到它们互相都有至少一次引用,所以它们不会被回收。事件代理发生在冒泡阶段。为时取消事件默认行为,为时取消时间传播通常利用事件冒泡机制托管事件处理程序提高程序性能。 JS延迟加载的方式有哪些? JS的延迟加载有助与提高页面的加载速度。defer和async、动态创建DOM方式(用得最多)、按需异步载入JSdefer:延迟脚本。立即下载...

    DevTalking 评论0 收藏0
  • 深入浅出Ajax

    摘要:在接收响应期间持续不断地触发。在请求发生错误时触发。在通信完成或者触发或事件后触发。已经接收到部分响应数据。基于标准被广泛支持。破坏程序的异常处理机制。 原文(我的GitHub):https://github.com/liangfengbo/frontend-ability/issues/1 学习大纲 理解Ajax的工作原理 Ajax核心-XMLHttpRequest对象 封装Aja...

    megatron 评论0 收藏0
  • 一步步实现thinkphp上ajax刷新分页

    摘要:信息列表循环赋值分页信息部分这一步是实现无刷新分页的重点,用到了的通信,通过与数据库的交互,将获取到的数据写到模板中,替换掉之前的数据集,达到分页的目的。 前言 thinkphp框架自带的分页类是每次翻页都要刷新一下整个页面,这种翻页的用户体验显然是不太理想的,我们希望每次翻页只刷新我们想要的数据集部分的数据,这样我们很容易想到ajax异步通信,用ajax与数据库(本人在开发过程中使用...

    张迁 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<