首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Laravel5.8使用LayUI实现无刷新修改排序值

今天运用所学的知识,实现了对列表进行刷新修改排序值并且自动重新排序,其实就是运用一个input标签,首先先遍历出value,之后给这个标签添加一个修改的js事件,并且获得该input标签对应的ID,并获取修改的...value,采用Ajax的方式传输到后台进行修改,按照后台传过来的状态码进行局部更新,其实就是刷新局部,达到无刷新修改的效果,好了 话不多说,上代码: 路由定义 Route::post('pic/sort...', 'PicController@sort'); //图片无刷新排序控制器 前台HTML代码 ID...前台JS代码 /** * 无刷新修改排序值 */ function change(obj, id){ //获取id var id = id; //获取用户改变的值 var...'))); }else{ exit(json_encode(array('code'=>1, 'msg'=>'排序修改异常'))); } } 好了,最终就是实现了对页面的无刷新修改排序功能

1.1K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    《大胖 • 小课》- 不用 js 实现文件无刷新上传

    这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第3节-《不用 js 实现文件无刷新上传》 专题已经更新章节: 《大胖 • 小课》- 我是这样理解文件上传原理的 《大胖 • 小课》- 写一个文件上传接口...既然要说不用 js 实现文件无刷新上传,那就要先说说最原始的文件上传,也就是在 ie 时代是怎么处理的。...最原始的文件上传 使用 form 表单上传文件 在 ie时代,如果实现一个无刷新的文件上传那可是费老劲了,大部分都是用 iframe 来实现局部刷新或者使用 flash 插件来搞定,在那个时代ie 就是最好用的浏览器...这种方式上传文件,不需要 js ,而且没有兼容问题,所有浏览器都支持,就是体验很差,导致页面刷新,页面其他数据丢失。...(不用 js 的无刷新上传) - iframe 这里说的是在 ie 时代的上传文件局部刷新,借助 iframe 实现。

    94320

    instantclick实现的全站无刷新

    instantclick是一个预加载的js文件,就是能提前加载网页内容的东西,他有几种模式,第一种就是鼠标放在超链接上就开始预加载,第二种就是鼠标放上去xx毫秒后(时间可自定义)进行预加载,第三种就是鼠标点击后进行预加载...项目官网:http://instantclick.io/ 项目地址:https://github.com/dieulot/instantclick 使用这个预加载js 因为前两种方式可能比较浪费资源,...这里不着重讲instantclick的使用方法,建议去官网查阅 搜索功能这样的非超链接怎么实现不刷新 在香菇的点拨之下,我们强行将搜索功能表单模式变成了超链接,效果如下 搜索功能.jpg 因为搜索结果地址一般为是站点地址加...search加搜索内容如https://zezeshe.com/search/搜索的内容/ 所以如上图所示,我们将搜索图标的超链接写为搜索地址https://zezeshe.com/search/ 然后用js...typecho_ajax_comment.html 友人C文章:https://www.ihewro.com/archives/691/ 注意 本文中的所有代码都依靠jquery,且本文内容预加载模式只有选择第三种方法才能实现全站无刷新

    1.1K10

    给网站添加PJAX无刷新

    然而,对于不习惯或不想依赖JQuery的开发者来说,使用无库版本的PJAX组件(如Kico Style)是一个更简洁、高效的替代方案。...重载函数 如果你的页面内容需要配合 JS 实现一些特效(例:图片灯箱),你可能会发现刚打开页面时所执行的 JS 效果失效了。...这是由于 PJAX 修改了文档 DOM 结构,当前网页的内容已经发生了变化,那些曾被函数安排过的元素已经消失。...PJAX 不像刷新页面一样,浏览器不会从头到尾分析网站,因此不会自动重新执行一次 JS。我们为了保证这些功能能正常发挥他们的作用,所以需要重新让它再运行一次,这种操作我们称之为 “重载”。...其他参数history:默认值 true 是否修改历史记录,如果关闭就相当于只有 AJAX 了 timeout:默认值 0 加载超时时间 cacheBust:默认值 true 是否添加额外的时间戳,

    7300
    领券