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

在Ajax调用之后,url中的data-id没有改变

可能是由于以下几个原因:

  1. Ajax请求未成功:如果Ajax请求未成功,那么url中的data-id参数就不会被改变。可以通过查看浏览器开发者工具中的网络请求信息来确认Ajax请求是否成功,以及返回的数据是否包含正确的data-id参数。
  2. 服务器端未正确处理data-id参数:如果服务器端未正确处理传递的data-id参数,那么即使Ajax请求成功,url中的data-id也不会被改变。可以检查服务器端代码,确保正确获取和处理data-id参数。
  3. Ajax请求使用了缓存:有些浏览器会对Ajax请求进行缓存,如果之前的请求已经被缓存,那么再次发送相同的请求时,url中的data-id参数可能不会被改变。可以通过在Ajax请求中添加随机数或时间戳参数来避免缓存。
  4. data-id参数在Ajax请求中未被正确设置:在发送Ajax请求时,需要确保正确设置data-id参数的值。可以通过查看发送的Ajax请求的代码,确认data-id参数是否被正确设置。

总结起来,如果在Ajax调用之后url中的data-id没有改变,需要检查Ajax请求是否成功,服务器端是否正确处理参数,是否存在缓存问题,以及Ajax请求中是否正确设置了data-id参数的值。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • LayUI之旅-入门

    最近要做一个项目,被要求前端要使用layui,甲方爸爸很牛逼好吗,既然要求这样了,二话不说,撸起袖子就开干,由于从来没用过layui这个框架,对框架不熟悉导致使用过程是步步都是障碍啊,还是那句话...右侧tab项lay-id属性可以找到,则说明该tab项已经打开 if ($(this).attr("lay-id") == dataid.attr("data-id...active调用这些事件 tabAdd:function (url, id, name) { //新增一个Tab项 传入三个参数,分别对应其标题,tab页面的地址...,还有一个规定id,是标签data-id属性值 //关于tabAdd方法所传入参数可看layui开发文档基础方法部分 element.tabAdd...举个例子:index是固定内容,当点击index里面的“菜单1”之后异步加载“页面1”内容,这时如果事件委托写在“页面1”,事件就会被重复执行。

    2.8K20

    树形图拖拽插件tree-drag | 开源项目推荐

    前言 好多天前,领导让我实现一个树形图拖拽插件,这个插件用来描述各部门领导与员工之间关系,每个父节点显示其子结点数量,拖拽任意一个叶结点上的人到另一个结点,他们之间关系发生改变,树形图重新渲染。...用户操作都完成后,点击保存根据树形图生成JSON,将JSON发送给后端,后端根据JSON修改数据库的人员对应关系。 接下来就跟大家下分享下我实现这个插件,欢迎各位感兴趣开发者阅读本文。...这一部分实现代码位置: 「plugins/treeDrag/js/jquery.treeDrag.js」 需要生成dom规则如下: 中国...console.log(jsonTree); alert("json已生成,请在控制台查看"); }; jQuery(document).ready(function () { $.ajax...({ url:"src/config/treeDragData.json", type:"get", dataType:"JSON", success

    2.4K20

    实战SSM_O2O商铺_20【商铺编辑】View层开发

    URL来判断是注册还是修改店铺 步骤 首先新增两个url /o2o/src/main/webapp/resources/js/shop/shopoperation.js // 通过shopId获取商铺信息...= null) { return decodeURIComponent(r[2]); } return ''; } shopoperation.js 调用即可,同时根据请求URL来判断是注册还是编辑商铺...通过shop变量接收,方便赋值 var shop = data.shop; // 赋值 要和shop实体类属性名保持一致 $('#shop-name').val(shop.shopName...省略,注意url修改 // 利用ajax提交 $.ajax({ // 动态判断 url url:isEdit ?...右侧加入断点,可以进行前端调测。 ? (上面这两个图是发布文章后补充,数据和下图表数据不完全一致,请忽略) ---- 对shopId=28数据进行修改, 修改后数据如下: ?

    24220

    ajax实现简单点击左侧菜单,右侧加载不同网页

    实现:ajax实现点击左侧菜单,右侧加载不同网页(整个页面无刷新情况下实现右侧局部刷新,用到ajax注意需要在服务器环境下运行,从HBuilder自带服务器打开浏览效果即可) 图片.png 原理...:ajax局部刷新原理:通过.load()重新加载页面某一部分,巧妙借助data-*自定义属性来存储数据,点击时候修改锚点,因为地址有变,所以刷新时候仍然会保持当前页面内容而不是切换到第一个...遇到ajax局部刷新需求也有很多,有时候比较简单,当内容较少,适合做成选项卡,如果网页左侧有一个列表,点击列表使右侧内容进行切换,如果右侧内容过多,不适合做选项卡,这时候用.load()局部刷新最好不过了...,项目中经常使用到流程管理后台,便是左右结构布局,这个时候,简单demo示例如下 <!...坚持总结工作遇到技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。 原文作者:祈澈姑娘 原文链接:https://www.jianshu.com/u/05f416aefbe1

    3.4K50

    前端思维转变--从事件驱动到数据驱动

    由于用户输入频率并不高,若不停轮询获取用户输入,就有点像 ajax 轮询和 websocket 推送关系:资源利用率低。不能真正做到及时同步。...每一种控件有自己可以识别的事件,如窗体加载、单击、双击等事件,编辑框(文本框)文本改变事件,等等。事件(event)是针对应用程序所发生事情,并且应用程序需要对这种事情做出响应。...事件处理程序对事件响应其实就是调用预先编制好代码来对事件进行处理,这种代码称为事件处理程序(event handler)。...但其实不管是资料中、生活和工作,所有的事物我们都可以抽象为数据。像游戏里面的角色、物品、经验值、天气、时间等等,都是数据。游戏其实也算是对真实世界抽象一种,而抽象之后,最终都可呈现为数据。...数据驱动 + vue-->{{ inputValue }}当我们 vue ,模板引擎帮我们处理了模板渲染

    24300

    干货 | 前端思维转变--从事件驱动到数据驱动

    由于用户输入频率并不高,若不停轮询获取用户输入,就有点像ajax轮询和websocket推送关系: 资源利用率低。...每一种控件有自己可以识别的事件,如窗体加载、单击、双击等事件,编辑框(文本框)文本改变事件,等等。 事件(event)是针对应用程序所发生事情,并且应用程序需要对这种事情做出响应。...1.2.2事件处理 程序对事件响应其实就是调用预先编制好代码来对事件进行处理,这种代码称为事件处理程序(event handler)。...但其实不管是资料中、生活和工作,所有的事物我们都可以抽象为数据。像游戏里面的角色、物品、经验值、天气、时间等等,都是数据。游戏其实也算是对真实世界抽象一种,而抽象之后,最终都可呈现为数据。...数据驱动 + vue-->{{ inputValue }} 当我们vue,模板引擎帮我们处理了模板渲染

    98311

    前端思维转变--从事件驱动到数据驱动

    由于用户输入频率并不高,若不停轮询获取用户输入,就有点像ajax轮询和websocket推送关系: 1.资源利用率低。 2.不能真正做到及时同步。...每一种控件有自己可以识别的事件,如窗体加载、单击、双击等事件,编辑框(文本框)文本改变事件,等等。 事件(event)是针对应用程序所发生事情,并且应用程序需要对这种事情做出响应。...事件处理 程序对事件响应其实就是调用预先编制好代码来对事件进行处理,这种代码称为事件处理程序(event handler)。...但其实不管是资料中、生活和工作,所有的事物我们都可以抽象为数据。像游戏里面的角色、物品、经验值、天气、时间等等,都是数据。游戏其实也算是对真实世界抽象一种,而抽象之后,最终都可呈现为数据。...数据驱动 + vue-->{{ inputValue }} 当我们vue,模板引擎帮我们处理了模板渲染

    2.2K10

    无内鬼 整点AJAX

    优缺点: 优点:Web 应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变信息,减轻服务器压力。...,即对服务响应回浏览器数据根据状态码和 AJAX 对象状态信息进行不同处理,绑定状态改变处理函数写对应逻辑代码即可。....."); response.end(); } 避免缓存问题写法: AJAX 能提高页面载入速度主要原因是通过 AJAX 减少了重复数据载入,也就是说载入数据同时将数据缓存到内存,...一旦数据被加载其中,只要我们没有刷新页面,这些数据就会一直被缓存在内存,当我们提交 URL 与历史 URL 一致时,就不需要提交给服务器,也就是不需要从服务器上面去获取数据,虽然这样降低了服务器负载提高了用户体验...代码我们可以通过定时器和请求中断来实现超时处理效果。

    5.2K50

    react中使用swiper

    2018-05-10 03:16:28 最近react项目需要使用轮播图,自然而然就想到了swiper,一直想通过npm安装方式来使用,但是网上找了很多,资料很少,于是就暂时通过index.html...首先说一下我这里使用是swiper3x系列。接下来说具体步骤: index.html引入js和css文件 <!...,这里我写demo只是将数据写死了组件里,一般情况应该是通过异步来进行获取数据。...然而他复制节点时候,无法复制其onClick点击事件,这就造成了当swiper初始化完成以后向左滑动第一个和向右滑动到最后一个再滑一次这两个节点是没有点击事件。...我上面的代码补充了一种条件就是当swiper轮播节点只有一个时候回出现点击无效情况,针对这一情况方法里进行判断一下,如果只有一个节点直接将节点0赋值给nowNode即可。

    2K10

    原生JS与jQuery对AJAX实现

    传递 有缓存 2.POST 与get()方法相比,post()方法多用于以POST方式向服务器发送数据,服务器接收到数据之后,进行处理,并将处理结果返回页面,调用格式如下: $.post(url...,生成标准URL编码文本字符串,直接可用于ajax请求,它调用格式如下: $(selector).serialize() 3.ajax 使用ajax()方法是最底层、功能最强大请求服务器数据方法,...它不仅可以获取服务器返回数据,还能向服务器发送请求并传递数值,它调用格式如下: $.ajax([settings]) 其中参数settings为发送ajax请求时配置对象,该对象url表示服务器请求路径...,显示页面,它调用格式为: $.getJSON(url,[data],[callback]) 可以与$.each搭配来遍历数据 $.getJSON("demo_test.php",function...一般是200正常;404未找到页面,一般是URL错误,或者后台没有创建相应action;500内部服务错误,多为后台错误。

    3K20
    领券