Fatal编程技术网
  • javascript/
  • Javascript 使用ajax dom元素更新视图模型

Javascript 使用ajax dom元素更新视图模型

javascript ajax knockout.js

Javascript 使用ajax dom元素更新视图模型,javascript,ajax,knockout.js,knockout-2.0,Javascript,Ajax,Knockout.js,Knockout 2.0,我正在使用knockout，我想用ajax更新div内容这是代码： $.ajax( { type: 'GET', url: url, success: function(datos) { $(div).empty(); $(div).append(datos); }, error: function(xhr,tipo) {

我正在使用knockout，我想用ajax更新div内容这是代码：

$.ajax(
    {
        type: 'GET',
        url: url,
        success: function(datos)
        {
            $(div).empty();
            $(div).append(datos);
        },
        error: function(xhr,tipo)
        {
            alert('Ajax error!');
        }
    })
ajax将这个div与jquery一起显示为“div”


新产品汽车
问题是knockout没有识别新元素的数据绑定。。。谁能给我解释一个更好的解决办法

tnx

在加载页面并创建了
视图模型之后的代码中的某个点，您正在调用
ko.applyBindings（）
并传入
视图模型

当ajax调用返回并将内容附加到
div
时，knockout不会自动知道它。您需要调用
ko.applyBindings（）
传入您的
视图模型
和希望knockout在中查找
数据绑定
属性的元素：


ko.applyBindings（yourViewModel，document.getElementById（“yourDivId”））

也可以使用任何其他方式获取
div
（如jQuery选择器）

下面是有关
ko.applyBindings（）
行为的详细信息


<div class="span12">
    <a data-bind="click:transicion.bind($data,'/newPage')" class="w8-button green pull-left">Cargar un nuevo Producto</a>
</div>