温馨提示:本文翻译自stackoverflow.com，查看原文请点击：javascript - undefined object when i load data from server in knockout
html java javascript knockout.js spring

javascript - 当我从敲除中的服务器加载数据时，未定义的对象

发布于 2020-05-07 02:11:23

我从淘汰赛中的服务器控制器加载列表并正确接收该列表，我也打印了该列表，但是当将此数据放入多表html中时，出现错误，提示“未捕获的TypeError：无法读取未定义的属性'push'” ...

但是，如果我在按钮功能单击中执行此操作，一切正常，但是我需要不按任何按钮。

<!DOCTYPE html>
<html>
    <head>
        <tittle> <h1>Customers </h1></tittle>

    </head>

    <body>

        <button  data-bind="click: addItem">Add</button>
        <p>List Names:</p>
        <select multiple="multiple" height="8" data-bind="options:allItems"> </select>

        <script type="text/javascript" src="/lib/knockout-3.5.0.js"></script>
        <script src="/lib/jquery-3.4.1.js"></script>
        <script src="/js/prueba.js"></script>   

    </body>

</html>

这是.js

function ViewModel(){

    this.allItems= ko.observableArray([]);
    var list=[];

    $.get("/customers", function(data) { 

        for(var i=0; i<data.length; i++){
            list[i]={name:data[i].name, lastname:data[i].lastname};
            alert(list[i].name);
            alert(list[i].lastname);
        }

        console.log(this.allItems); // here "allItems" is undefined
        this.allItems.push(list[0].name); //error
    });

    this.addItem= function(){

            console.log(this.allItems); // here "allItems" is not undefined
            this.allItems.push(list[0].name); //ok


    };

};

ko.applyBindings(new ViewModel());

所以...我需要一开始就推送此列表，有人帮忙吗？

查看更多

提问者
guilieen
被浏览
27
分享
Gawel1908 2020-02-18 21:21

因为您的this输入get方法不是this您认为的。您可以分配this到self像var self = this;之前this.allItems = ko.observableArray([]);和你的get方法使用self.allItems代替this.allItems。

热门帖子

1
难道 Go 就没有好用的工作审批流框架吗
2
跟风贴自家软路由实现
3
Mac 上有什么 pdf 阅读器比较好用？
4
再开一个贴，问界发布新 M5，请各位老哥或者老车主骂醒我
5
我这辈子是不是彻底和 Airpods Pro 无缘了
6
最近对很多事情都没有感觉了
7
微信读书非付费会员有每月导入数量限制了
8
不知道从什么时候，普通 USB-C 双头线不能给 iPhone15 充电了
9
程序员想开发漂亮的个人网站是不是用 react 会比 vue 简单一些？
10
有关于上海居住证 120 积分

相关问题

1
检查数据类型以构建对象的替代方法
2
是否可以从Firebase上的Google身份验证获取姓氏和名字？
3
接收TXT文件以读取和存储它们的构造方法
4
xml DSL中的 Camel 谓词示例
5
如何获得用户输入验证到我的Java计算器程序中？
6
Firebase从数据库中获取确切的孩子
7
自定义对话框的侦听器null
8
带有Logback的AWS Elastic Beanstalk应用程序日志记录
9
如何更改ArrayList中对象的显示名称
10
Flutter BLE字节到阵列的转换

热门github

1
A multi-platform library for OpenGL, OpenGL ES, Vulkan, window and input (翻译：适用于 OpenGL、OpenGL ES、Vulkan、窗口和输入的多平台库)
2
Dev tool that writes scalable apps from scratch while the developer oversees the implementation (翻译：可扩展开发工具的 PoC，该工具从头开始编写整个应用程序，同时开发人员监督实施)
3
shadcn/ui, but for Svelte. ✨ (翻译：shadcn-svelte是shadcn/ui的非官方社区主导的Svelte端口。)
4
The Python Risk Identification Tool for generative AI (PyRIT) is an open access automation framework to empower security professionals and machine learning engineers to proactively find risks in their generative AI systems. (翻译：用于生成式 AI 的 Python 风险识别工具 (PyRIT) 是一个开放式访问自动化框架，使安全专业人员和机器学习工程师能够主动发现其生成式 AI 系统中的风险。)
5
Performance-portable, length-agnostic SIMD with runtime dispatch (翻译：Highway 是一个提供可移植 SIMD/向量内在函数的 C++ 库。)
6
ZK Credo (翻译：ZK信条)
7
OpenCodeInterpreter: Integrating Code Generation with Execution and Refinement (翻译：OpenCodeInterpreter：将代码生成与执行和优化集成)
8
Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS. (翻译：Joplin - 一个开源的笔记和待办事项应用程序，具有Windows，macOS，Linux，Android和iOS的同步功能。)
9
Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention. (翻译：Mamba 是一种新的状态空间模型架构，在信息密集型数据（例如语言建模）上显示出良好的性能，而之前的二次模型在 Transformers 方面存在不足。它基于结构化状态空间模型的进展，并本着FlashAttention的精神进行高效的硬件感知设计和实现。)
10
This repository contains System Design resources which are useful while preparing for interviews and learning Distributed Systems (翻译：该存储库包含系统设计资源，在准备面试和学习分布式系统时非常有用)
11
Curso para aprender el lenguaje de programación Python desde cero y para principiantes. 75 clases, 37 horas en vídeo, código, proyectos y grupo de chat. Fundamentos, frontend, backend, testing, IA... (翻译：从零开始学习 Python 编程语言的课程，适合初学者)
12
🎓 Path to a free self-taught education in Computer Science! (翻译：🎓计算机科学免费自学教程！)
13
1️⃣🐝🏎️ The One Billion Row Challenge -- A fun exploration of how quickly 1B rows from a text file can be aggregated with Java (翻译：十亿行挑战 —— 使用 Java 对文本文件中的 10 亿行数据进行聚合的有趣探索)
14
A collective list of free APIs (翻译：免费 API 的集合列表)
15
📚 Freely available programming books (翻译：📚 免费提供的编程书籍)