Question

嗨朋友们首先对不起我的英语，我会尽力做出这个问题。

我是jquery的函数世界的新手，我想要实现的是这个结果http://s22.postimg.org/8636pk6ht/menu1.png但是当页面加载时通过ajax进行dinamicaly。

这些数字是需要照顾的新授权数量，所以如果我接受或否认这些数字必须更新dinamicaly

到目前为止，我有这个

$.fn.sucursales = function(){

    $.ajax({
        type: "GET",
        url: "ajax/sucumenu.php",
        dataType:"json",
        success:function(response){
            alert(response)
        }
    });
}

并且即时获取此响应，其中num是新授权的数量

[{"id":"3","nombre":"Arjona","num":"1"},{"id":"1","nombre":"Cartagena","num":"0"},{"id":"2","nombre":"Turbaco","num":"2"},{"id":"4","nombre":"Turbana","num":"0"}]

所以问题是。我如何使用函数在div中插入这个我想要做的事情

$("#sidebar").sucursales();

并在按下接受或拒绝时更新

添加我已经拥有的html。看起来像这张图片http://s22.postimg.org/8636pk6ht/menu1.png

Answer 1

这应该让你开始：

$.fn.sucursales = function() {
    var $this = this;

    $.getJSON('ajax/sucumenu.php', function(data) {
        $.each(data, function(index, row) {
            $('<div>', {
                text: row.nombre
            }).appendTo($this);
        });
    });

    return this;
}

插入#div ajaxed内容的函数

1 个答案: