Question

我正在使用knockout（v3.2）自动完成功能，并且我有一个返回值列表的ajax调用。

var remoteData = $.ajax({
                url: '@Url.Action("GetAllSkills", "EmployeeSkills")',
                data: { },
                dataType: 'json',
                type: 'GET',
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    var array = ($.map(data, function (item) {
                        return {
                            id: item.SkillsId,
                            name: item.SkillName
                        };
                    }));      
                }
            });

返回的对象被分配给remoteData变量，该变量具有一个名为＆＃39; responseText＆＃39;的属性。具有以下数据 - ＆gt; ＆＃34; [{＆＃34; SkillId＆＃34;：1，＆＃34; SkillName＆＃34;：＆＃34; Test Skill 1＆＃34;}，{＆＃34; SkillId＆＃34;：2，＆＃34; SkillName＆＃34;：＆＃34;测试技能2＆＃34;}，{＆＃34; SkillId＆＃34;：3，＆＃34;技能名称＆＃34;：＆＃34;测试技能3＆＃ 34;}，{＆＃34; SkillId＆＃34;：4，＆＃34; SkillName＆＃34;：＆＃34;测试技巧4＆＃34;}，{＆＃34; SkillId＆＃34;：5，＆＃34; SkillName＆＃34;：＆＃34;测试技巧5＆＃34;}，{＆＃34; SkillId＆＃34;：6，＆＃34; SkillName＆＃34;：＆＃34;测试技巧6＆＃34 ;}，{＆＃34; SkillId＆＃34;：7，＆＃34; SkillName＆＃34;：＆＃34;测试技巧7＆＃34;}，{＆＃34; SkillId＆＃34;：8，＆＃ 34; SkillName＆＃34;：＆＃34; abc＆＃34;}，{＆＃34; SkillId＆＃34;：10，＆＃34; SkillName＆＃34;：＆＃34; Test Skill 34＆＃34;}， {＆＃34; SkillId＆＃34;：11，＆＃34; SkillName＆＃34;：＆＃34; XYZ＆＃34;}，{＆＃34; SkillId＆＃34;：12，＆＃34; SkillName＆＃34 ;：＆＃34;全新的技能！＆＃34;}，{＆＃34; SkillId＆＃34;：13，＆＃34; SkillName＆＃34;：＆＃34;又一种新技能＆＃34;}， {＆＃34; SkillId＆＃34;：1000，＆＃34; SkillName＆＃34;：＆＃34; New Test Skill 1＆＃34;}，{＆＃34; SkillId＆＃34;：1001，＆＃34; SkillName＆＃34;：＆＃34; test1＆＃34;}，{＆＃34; SkillId＆＃34;：1002，＆＃34; SkillName＆＃34;：＆＃34; .NET v4.5＆＃34;}， {＆＃34; SkillId ＆＃34;：1003，＆＃34; SkillName＆＃34;：＆＃34; C＃＆＃34;}，{＆＃34; SkillId＆＃34;：1004，＆＃34; SkillName＆＃34;：＆＃34 ; ASP.NET＆＃34;}，{＆＃34; SkillId＆＃34;：1006，＆＃34; SkillName＆＃34;：＆＃34; MVC＆＃34;}，{＆＃34; SkillId＆＃34 ;: 1007＆＃34; SkillName＆＃34;：＆＃34; PHP＆＃34;}，{＆＃34; SkillId＆＃34;：1008，＆＃34; SkillName＆＃34;：＆＃34; F＃＆＃34; }，{＆＃34; SkillId＆＃34;：1009，＆＃34; SkillName＆＃34;：＆＃34;角＆＃34;}，{＆＃34; SkillId＆＃34;：1010，＆＃34; SkillName＆＃34;：＆＃34;测试100＆＃34;}]＆＃34;

在我的视图模型中，我有以下代码......

function ActivityViewModel() {
    var self = this;
    self.skills = remoteData;
    self.selectedOption = ko.observable('');
    self.options = self.skills.map(function (element) {    
      return {
        label: element.SkillName,
        value: element.SkillsId,
        object: element
      };
    });

我收到以下错误 - ＆gt; self.skills.map不是新ActivityViewModel的函数。

我不知道为什么会这样。有什么建议吗？

Answer 1

您将remoteData分配给ajax调用的结果。这与将其设置为ajax调用检索的值不同。 ajax函数返回一个promise对象，你必须添加一个回调来检索值。

jQuery Deferred and Promise walkthrough

尝试在成功回调中分配您的remoteData变量。这可能不起作用，具体取决于代码的其余部分的结构。如果你在ajax调用完成之前尝试使用remoteData变量并点击成功回调，它仍然会显示为未定义。

var remoteData;
$.ajax({
    url: '@Url.Action("GetAllSkills", "EmployeeSkills")',
    data: {},
    dataType: 'json',
    type: 'GET',
    contentType: "application/json; charset=utf-8",
    success: function (data) {
        remoteData = ($.map(data, function (item) {
            return {
                id: item.SkillsId,
                name: item.SkillName
            };
        }));
    }
});

问题映射从ajax调用局部变量返回的对象以进行淘汰自动完成

1 个答案: