使用ajax调用

时间:2016-09-27 20:14:55

标签: jquery ajax jquery-ui jquery-ui-sortable

基本上,我正在尝试对拖动到另一个列表或同一列表中的内容执行不同的ajax调用。每个人都应该独立工作。当你从一个列表移动到另一个列表时,我遇到了多个ajax调用的问题。我想要一个ajax调用,如果你在同一个列表中排序,以便在我拖动到另一个列表时独立工作。我不应该使用接收吗?

function sortable(){
var startCont,
    changeCont;
$('#sortable ul').sortable({
    dropOnEmpty: true,
    connectWith: "#sortable ul",

    start: function(event, ui) {
        startCont = $(this).closest('.project').attr('id');
    },
    // update: function(event, ui) {
    //     changeCont = $(this).closest('.project').attr('id');
    //     // console.log(changeCont);
    //     if(startCont === changeCont){
    //         console.log('')
    //     }
    // },
    receive: function(event, ui) {
        console.log(event);
        endCont = $(this).closest('.project').attr('id');
        // console.log(startCont + changeCont);
        // console.log(endCont);
        event.preventDefault();
        var token = $('[name="csrf_token"]').attr('content');
        var project_id;
        var project = {};
        var weight;
        var user_id;
        var route = 'move-person';
        $('.project#' + startCont + ', .project#' + endCont).each(function(){
            project_id = $(this).attr('id');
            project[project_id] = {};

            $(this).find('#sortable li').each(function(){
                user_id = $(this).attr('data-user-id');;
                weight = $(this).index() + 1;;
                project[project_id][user_id] = weight;
            });
        });

        var data = { projects:project, _token:token }
        // $.ajax({
        //     url: route,
        //     type: 'POST',
        //     data: data,
        //     dataType: 'JSON',
        //     success: function (data) {
        //       console.log(data);
        //     }
        // });
    }

}).disableSelection();

}

0 个答案:

没有答案