首页
学习
活动
专区
工具
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参数的值。

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

相关·内容

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

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

    2.4K20

    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

    实战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的数据进行修改, 修改后的数据如下: ?

    24420

    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 中,模板引擎帮我们处理了模板渲染

    25600

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

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

    99911

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

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

    2.2K10

    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

    无内鬼 整点AJAX

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

    5.2K50

    原生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
    领券