Jquery没有将数组输出到HTML中-JquerynotoutputtinganarrayintoHTML

作者：乐檬 | 来源：互联网 | 2023-05-18 16:18

AlrightsoIamtryingtooutputsimpleJSONarrayinajaxbutnomatterwhatIdotheHTMLwontapp

Alright so I am trying to output simple JSON array in ajax but no matter what I do the HTML wont appear on the page at all...

好吧所以我试图在ajax中输出简单的JSON数组，但无论我做什么，HTML都不会出现在页面上......

$("#menu_zalbe").click(function() {

    $.ajax({
        url:"assets/core/handlers/reportHandler.php",
        type:"POST",
        data:{function:"getAll"},
        dataType:"json",
        success:function(data) {
            for(var i = 0; i

'");
            }
        },
        error:function(data) {
            console.log(data);  
        }

    });

});

I did console.log to check if there is an error or if it passing wrong data but everything is absolutely correct, there doesnt seem to be any problems but the HTML wont pop up on the page itself

我做了console.log以检查是否有错误或者是否传递了错误数据但是一切都是绝对正确的，似乎没有任何问题但HTML不会弹出页面本身

2 个解决方案

#1

There might be a problem with your jQuery selector. Are you sure there's an element with id content_split?

您的jQuery选择器可能存在问题。你确定有一个id为content_split的元素吗？

Also, you'll need to modify your success callback to this

此外，您还需要修改成功回调

  // ...
  success:function(data) {
          $("#content_split").html('');
          for(var i = 0; i

'");
          }
      },
  //...

#2

I fixed the problem by re-creating the HTML output itself, it had something to do with the original HTML code that I used, once I replaced it with the fresh typed one it worked. It have must been and ID problem or such

我通过重新创建HTML输出本身来修复问题，它与我使用的原始HTML代码有关，一旦我用它工作的新类型替换它。它必须和ID问题等

推荐阅读

select
实现下拉列表，点击其他位置自动隐藏效果的三种方式比较

目录实现效果：实现环境实现方法一：基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]

蜡笔小新 2023-12-14 15:03:14
select
CSS3选择器的使用方法详解，提高Web开发效率和精准度

本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ... [详细]

蜡笔小新 2023-12-14 14:37:52
select
Vue项目中结合Element UI解决连续上传多张图片及图片编辑问题

本文介绍了在Vue项目中如何结合Element UI解决连续上传多张图片及图片编辑的问题。作者强调了在编码前要明确需求和所需要的结果，并详细描述了自己的代码实现过程。 ... [详细]

蜡笔小新 2023-12-13 13:42:30
select
Html5-Canvas实现简易的抽奖转盘效果

本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果，同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码，并展示了实现的基本效果。 ... [详细]

蜡笔小新 2023-12-13 06:02:20
string
模板引擎StringTemplate的使用方法和特点

本文介绍了模板引擎StringTemplate的使用方法和特点，包括强制Model和View的分离、Lazy-Evaluation、Recursive enable等。同时，还介绍了StringTemplate语法中的属性和普通字符的使用方法，并提供了向模板填充属性的示例代码。 ... [详细]

蜡笔小新 2023-12-11 21:45:03
tree
文件压缩解压的哈夫曼树实现

本文介绍了使用哈夫曼树实现文件压缩和解压的方法。首先对数据结构课程设计中的代码进行了分析，包括使用时间调用、常量定义和统计文件中各个字符时相关的结构体。然后讨论了哈夫曼树的实现原理和算法。最后介绍了文件压缩和解压的具体步骤，包括字符统计、构建哈夫曼树、生成编码表、编码和解码过程。通过实例演示了文件压缩和解压的效果。本文的内容对于理解哈夫曼树的实现原理和应用具有一定的参考价值。 ... [详细]

蜡笔小新 2023-12-11 14:13:46
select
MySQL中的MVVC多版本并发控制机制的应用及实现

本文介绍了MySQL中MVCC的应用及实现机制。MVCC是一种提高并发性能的技术，通过对事务内读取的内存进行处理，避免写操作堵塞读操作的并发问题。与其他数据库系统的MVCC实现机制不尽相同，MySQL的MVCC是在undolog中实现的。通过undolog可以找回数据的历史版本，提供给用户读取或在回滚时覆盖数据页上的数据。MySQL的大多数事务型存储引擎都实现了MVCC，但各自的实现机制有所不同。 ... [详细]

蜡笔小新 2023-12-11 13:09:19
string
无法使用fetch在服务器端读取/获取发布的数据

本文介绍了一个React Native新手在尝试将数据发布到服务器时遇到的问题，以及他的React Native代码和服务器端代码。他使用fetch方法将数据发送到服务器，但无法在服务器端读取/获取发布的数据。 ... [详细]

蜡笔小新 2023-12-11 11:26:28
string
setinterval 必报_闭包/定时器

一、什么是闭包？有什么作用什么是闭包闭包是定义在一个函数内部的函数，它可以访问父级函数的内部变量。当一个闭包被创建时，会关联一个作用域—— ... [详细]

蜡笔小新 2023-12-11 10:15:15
string
GetWindowLong函数

今天在看一个代码里头写了GetWindowLong(hwnd,0)，我当时就有点费解，靠，上网搜索函数原型说明，死活找不到第 ... [详细]

蜡笔小新 2023-12-14 17:58:15
select
计算机存储系统的层次结构及其优势

本文介绍了计算机存储系统的层次结构，包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体，形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低，使得整体存储系统的平均价格降低。同时，高速缓存的存取速度可以和CPU的工作速度相匹配，进一步提高程序执行效率。 ... [详细]

蜡笔小新 2023-12-13 17:32:41
select
如何在php中将mysql查询结果赋值给变量

本文介绍了在php中将mysql查询结果赋值给变量的方法，包括从mysql表中查询count(学号)并赋值给一个变量，以及如何将sql中查询单条结果赋值给php页面的一个变量。同时还讨论了php调用mysql查询结果到变量的方法，并提供了示例代码。 ... [详细]

蜡笔小新 2023-12-12 18:22:57
const
wepy小顺序受权点击作废受权失利的计划

本文介绍了在wepy中运用小顺序页面受权的计划，包含了用户点击作废后的从新受权计划。 ... [详细]

蜡笔小新 2023-12-12 11:09:24
const
获取关联数组键的列表的方法及浏览器支持

本文介绍了获取关联数组键的列表的方法，即使用Object.keys()函数。同时还提到了该方法在不同浏览器的支持情况，并附上了一个代码片段供读者参考。 ... [详细]

蜡笔小新 2023-12-11 22:11:22
sum
编写可保护的代码的重要性及优化方法

本文讨论了编写可保护的代码的重要性，包括提高代码的可读性、可调试性和直观性。同时介绍了优化代码的方法，如代码格式化、解释函数和提炼函数等。还提到了一些常见的坏代码味道，如不规范的命名、重复代码、过长的函数和参数列表等。最后，介绍了如何处理数据泥团和进行函数重构，以提高代码质量和可维护性。 ... [详细]

蜡笔小新 2023-12-11 18:32:44