jquery - 插入#div ajaxed 内容的函数

Question

嗨朋友们，首先对我的英语感到抱歉，我会尽力提出这个问题。

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

这些数字是要处理的新授权的数量，所以如果我接受或拒绝，数字必须动态更新

到目前为止我有这个

$.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;
}