ajax success:function 和jQuery datatable 冲突的问题

最新推荐文章于 2023-01-22 20:41:45 发布
最新推荐文章于 2023-01-22 20:41:45 发布
阅读量1.5k 收藏
点赞数 2
分类专栏： ajax 文章标签： jQuery datatable ajax succes:function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hualiyan123/article/details/89353330
版权

最近在使用Ajax异步刷新表格的时候需要联动刷新一个图表，发现一个问题，一旦加上success:function(data)就会加载失败，页面一直显示“数据加载中”。而只要去掉 success:function 表格数据就能加载，保留空函数也不行。
success:function
success:function导致这一部分无效
查了一下资料发现是因为datatable 有自己的一个function叫initComplete，如果我自定义了success:function就会把它覆盖，好吧……
删掉success:function有表没图，不删就有图没表，这下头大了……
难道要写个js函数读取表格数据再传给图表，这样写会不会显得很傻屌？内心感到一丝丝抗拒%>_<%

外网上有人说用ajax.dataSrc代替 success，我试了也不行，最后经过多方求助，终于找到了解决方法，就是在ajax.reload里实现！！
Ajax.reload
原来ajax.reload里也可以获取data鸭,哈哈哈哈
这样每次刷新数据表格和图表都能更新了~~耶

华圈圈
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ajax简单应用概述
鬼道迷踪的博客
07-21 187
–1，概述 是异步的技术，用来局部刷新网页。 好处是：在不刷新整个网页的前提下，局部更新数据 -2语法 $.ajax({ type: , //请求的方式，get/post url: , // 交给具体的哪个程序去处理 contentType: , //请求时的数据的类型 text html jpg json data: ,//请求时要携带的参数 dataType: ,//服务器返回数据的类型 text html jpg json success: function(d...
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
12-11
异步请求  var postData = { "env_name" : new_env_name, "env_url": new_env_url, "env_desc" : new_env_desc }; $.ajax({ ... success : function(data){ $('#table_test_env').dataTable().fnC
$.ajax中success:function (data) {}数据在$.ajax外处理
m0_46171719的博客
01-22 1430
.ajax中success:function (data) {}数据在$.ajax外处理。console.log(data_1)//经度。设置为false，也就是同步。
《AJAX》
m0_57443155的博客
11-24 380
1、什么是AJAX请求？ AJAX是一种创建交互式网页应用的网页开发技术 AJAX是一种浏览器通过JS异步发起请求，局部更新页面的技术 AJAX请求的局部更新，浏览器地址栏不会发生变化 局部更新不会舍弃原来页面的内容 2、原生AJAX请求的示例 BaseServlet package com.example.json_ajax_i18n.Servlet; import javax.servlet.ServletException; import javax.servlet.http.H...
JS无法跳到success:function(data)
Crecendow
09-20 4683
检查前端是否打了断点然后把debug页面隐藏了，如果打了断点就把前端断点去掉，同时ctrl+f5刷新。 值得一提的是： 1、function(data) ，里头的data是指代后端返回的值，它可以是任何一个名称，然后我在前面的传值也是用的data $.post({ url:"/user/registerStatus", ...
ajax为什么success没用,ajax的success: function (data)不执行怎么回事？
weixin_29781865的博客
08-06 869
我有如下js函数function poll() {console.log("id is: " + "${id}");var id = "${id}";$.ajax({url: '${urlbase}/poll',type: 'post',data: { id : id },dataType: 'json',success: function (data) {console.log("success...
jQuery ajax分页插件实例代码
10-22
jQuery AJAX 分页插件是一种用于实现网页数据分页显示的工具，它利用jQuery库的异步数据加载功能，使得用户可以方便地浏览大量的数据而无需一次性加载所有内容，从而提高用户体验。下面我们将深入探讨这个插件的工作...
JavaScript YUI 2.8: DataTable jquery form 异步请求显示数据分页
03-18
success: function(response) { // response 包含服务器返回的数据，如分页信息和新数据 var parsedData = JSON.parse(response.data); myDataTable.setDataSource(parsedData.records); myDataTable.refresh()...
ajax .net jquery 增删改查 ajax模糊查询
06-14
**Ajax、.NET和jQuery：实现数据库操作与模糊查询** Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使得网页...
Jquery焦点图代码 从datatable中取值
07-12
总结起来，结合jQuery和datatable，我们可以构建一个动态的焦点图，不仅可以从数据库中获取图片数据，还能提供友好的用户体验。这不仅提高了网页的互动性，也为内容展示提供了更多可能性。记得在实际应用中，还需要...
关于ajax中success返回值赋值给全局变量undefined
刘富国的博客
07-13 1641
再调用一个jQuery的ajax方法是我们有时会需要返回一个值或者赋值给某个全局变量，但是程序执行结束后，却发现赋值的全局变量的值是undefined，这时很有可能是因为你用的ajax的是异步调用，async:true(默认情况)，如： function a(){ var year = 2012; var c; addcar_url = "http://139.224.13
ajax success function(data)后的data数据无法使用Uncaught TypeError: Cannot read property ‘xxx‘ of undefined
weixin_43099837的博客
12-13 575
问题描述:前端小白,在不了解ajax机制的情况下误使用函数返回ajax中需要时间完成的ajax函数,导致return后的data无法在后面的script代码块中正常使用 function getData(){ $.ajax({ type:"get", url:"/building/getShowBuilding", dataType:'JSON', success:function(data){ return data;
ajax回传的数据类型,jQuery ajax方法success（）中后台传来的四种数据类型
weixin_30711223的博客
08-05 926
1.后台返回一个页面js代码/**(1)用$("#content-wrapper").html(data);显示页面*/$.ajax({async : false,cache : false,type : 'POST',url : 'area/prepareCreate',error : function() {alert('smx失败 ');},success : function(data) ...
jQuery的ajax的success：function（data）｛｝不执行问题
满堂花醉三千客， 一剑霜寒十四州。
10-23 8942
$.ajax({         url:"/ssim/userManager/getUserPage?pagenow="+pageNow+"&usertype="+usertype+"&count="+15,         type:"get",         dataType:"json",         async:false,         success:functio
jQuery Ajax 操作函数
hackcat的专栏
11-27 536
jQuery Ajax 操作函数<br />jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。函数描述jQuery.ajax()执行异步 HTTP (Ajax) 请求。.ajaxComplete()当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。.ajaxError()当 Ajax 请求完成且出现错误时注册要调用的处理程序。这是一个 Ajax 事件。.ajaxSend()在 Ajax 请求发送之前显示一条消息。jQuery
ajax success is not defined,ajax请求数据后，页面渲染有问题
weixin_42123296的博客
08-05 777
$.ajax是异步方法，所有的外部方法在它的回调里是调用不到的，也就是showTable方法没有被执行。建议将页面渲染封装到构造函数类里去，将ajax请求和该方法所在对象都封装到一个上下文中。下面有段代码，你可以参考一下，有点长，慢慢看，是一个登陆的构造函数类。/*** 项目全局的用户登录处理构造函数类* @param formId 当前form表单id* @param userId 用户名...
datatable需要多次初始化，使用ajax请求，无法跳到后端接口
weixin_45823390的博客
04-28 426
页面报错： DataTables warning: table id=sample_1 - Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3 导致错误的原因： datatable一般来说只能初始化一次，后续的初始化无效。 解决方法： 通过查阅官方文档，在初始化函数即table.datatable()中加入 “retrieve”: true
datatables通过ajax重新加载数据
热门推荐
dongyuguoai的博客
06-23 3万+
一、效果图： 二、功能： 点击某行的“通过”按钮和“拒绝”按钮，分别调用两个不同服务接口，然后重新加载数据表，改行就消失了。 三、html代码（js、css依赖需手动添加） &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equ...
如何用datatable写ajax
最新发布
03-01
要使用 DataTable 写 Ajax，可以按照以下...5. 最后，在 success 回调函数中，初始化 DataTable 后，可以对 DataTable 进行进一步的配置和自定义。例如，可以使用 DataTable 提供的 API 来实现分页、排序、搜索等功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值