Jquery 如何通过knockout将json数据链接到html

如何将JSON数据链接到HTML，我已经尝试了在Stack Overflow上找到的所有方法，但都不起作用

<div data-bind="text: resData.Scenario">
</div>

JS:

返回的JSON如下所示

 Object {Scenario: "ScenaroioDoc1", Complainces: "ComplaincesDoc1", Role: "RoleDoc1", Size: "SizesDoc1", Duration: "DurationDoc1"}

我尽可能地使用了数据绑定，但它不起作用

<div data-bind="text: resData.Scenario">
</div>

我尝试过很多不同的方法，但都没有奏效，所以如果有人对如何实现这一点有想法。

JS:

self.Data = ko.observable();
self.onClick = function () {
    jQuery.ajaxSettings.traditional = true;
    var data = {"Scenario": self.val(), "Complainces": self.val1(), "Role": self.val2(), "Size": self.val3(), "Duration": self.val4(), "Budget": self.val5()};
    $.getJSON("url",data).then(function(resData){
        document.getElementById('FirstStep').style.display = 'none';
        self.Data(resData);
        document.getElementById('secondStep').style.display = 'block';
    });
};

HTML:

JS:

HTML:

---

你能告诉我们你的html是什么样子吗？是返回json的onclick方法吗？$。getJSONurl，data.thenfunctionresData{console.logresData；//此处需要逻辑？}；是的，点击它会调用一个服务，响应是上面的JSONC，你能告诉我们你的html是什么样子吗？是返回json的onclick方法吗？$。getJSONurl，data.thenfunctionresData{console.logresData；//此处需要逻辑？}；是的，点击它会呼叫一个服务，响应是上面的JSON谢谢你的快速回复tyler_mitchell它工作得很好谢谢你的快速回复tyler_mitchell它工作得很好

 <div id="secondStep" data-bind="with: Data">
    <div data-bind="text: Scenario"></div>
    <div data-bind="text: Complainces"></div>
    <div data-bind="text: Role"></div>
    <div data-bind="text: Size"></div>
    <div data-bind="text: Duration"></div>
 </div>