javascript - JavaScript 函数中的 ajax() 调用

Question

我有一个执行 .ajax() 方法调用的 jquery .click() 函数

$(".btn-play").live("click", function () {
            //set globalSortNumber
            globalSortNumber = $(this).parents("[sortnumber]").attr("sortnumber");//.attr("value") ; //change should be some type of input like mediaid //see if its possible to add the sortID to the handle span
//            alert(globalSortNumber);
            //set title

            //set mediaID
            var mediaID = $(this).parents("[mediaid]").attr("mediaid");
//          alert(mediaID);
            //ajax query to get link and excute code to launch music
            $.ajax({
                type:"POST",
                url:"ajax/AB3Ajax.asmx/GenerateLink",
                data:"{'mediaId':" + mediaId + ",'userId':" + "0" + "}",
                contentType:"application/json; charset=utf-8",
                dataType:"json",
                success:function (msg) {
                    if (msg.d != "") {
                        playsong(msg.d,null);
                        }
                        else {
                            soundManager.stopAll();
                            //look at what is already in place in mystudio
                        } 
                },
                error: function (err) {
                //add code later look at what is already in place in mystudio
                } 
            })

当 .ajax() 方法成功执行时，它会调用 JavaScript 函数

function playsong(sortNumber,url) {
        if (soundManager.supported()) {
            globalSortNumber = sortNumber;
            var aSoundObject = soundManager.createSound({
                id: 'mySound' + sortNumber,
                url: url,//'/Music/mafiamusicpt2rickross.mp3',
                whileplaying: function () {
                    if (count == 0) {
                        if (this.position > 1000) {
                            this.pause();
                            pos = this.position;
                            count++;
                            this.resume();
                        }
                    } else if (count == 1) {
                        soundManager._writeDebug('old position: ' + pos);
                        soundManager._writeDebug('new position: ' + this.position);
                        // See that this.position is less than pos!
                        count++;
                    }
                },
                onfinish: function () {
                    //find the next song in the list
                    //var nextSongPosition=
                    this.destruct();

                    $.ajax({
                type:"POST",
                url:"ajax/AB3Ajax.asmx/GenerateLink",
                data:"{'mediaId':" + mediaId + ",'userId':" + "0" + "}",
                contentType:"application/json; charset=utf-8",
                dataType:"json",
                success:function (msg) {
                    if (msg.d != "") {
                        playsong(msg.d,null);
                        }
                        else {
                            soundManager.stopAll();
                            //look at what is already in place in mystudio
                        } 
                },
                error: function (err) {
                //add code later look at what is already in place in mystudio
                } 
            })
                    playsong(sortNumber++,url)
                }
            });
            aSoundObject.play();
        }
    }

正如你所看到的，我的 javascript 函数中有一个 .ajax() 方法，这可能吗？

我正在创建在声音管理器对象的完成监听器上启动的循环。因此，当我需要进行 ajax 调用来获取我需要的下一个 url 时。如果我的方法不正确，您能否告诉我完成我想做的事情的最佳方法是什么。

Answer 1

认为这很好，但我会为 ajax 调用创建一个单独的函数，这样您就不需要重复代码两次。更容易维护。

$(".btn-play").live("click", function () {
    //set globalSortNumber
    globalSortNumber = $(this).parents("[sortnumber]").attr("sortnumber");//.attr("value"); //change should be some type of input like mediaid //see if its possible to add the sortID to the handle span
    //alert(globalSortNumber);
    //set title
    //set mediaID
    var mediaID = $(this).parents("[mediaid]").attr("mediaid");
    //alert(mediaID);
    //ajax query to get link and excute code to launch music
    getAudio(mediaID);
}

function playsong(sortNumber,url) {
    if (soundManager.supported()) {
        globalSortNumber = sortNumber;
        var aSoundObject = soundManager.createSound({
            id: 'mySound' + sortNumber,
            url: url,//'/Music/mafiamusicpt2rickross.mp3',
            whileplaying: function () {
                if (count == 0) {
                    if (this.position > 1000) {
                        this.pause();
                        pos = this.position;
                        count++;
                        this.resume();
                    }
                } else if (count == 1) {
                    soundManager._writeDebug('old position: ' + pos);
                    soundManager._writeDebug('new position: ' + this.position);
                    // See that this.position is less than pos!
                    count++;
                }
            },
            onfinish: function () {
            //find the next song in the list
            //var nextSongPosition=
                this.destruct();

                getAudio(mediaId);
                playsong(sortNumber++,url)
            }
        });
        aSoundObject.play();
    }
}

function getAudio(mediaID) {
    $.ajax({
        type:"POST",
        url:"ajax/AB3Ajax.asmx/GenerateLink",
        data:"{'mediaId':" + mediaId + ",'userId':" + "0" + "}",
        contentType:"application/json; charset=utf-8",
        dataType:"json",
        success:function (msg) {
            if (msg.d != "") {
                playsong(msg.d,null);
            }
            else {
                soundManager.stopAll();
                //look at what is already in place in mystudio
            } 
        },
        error: function (err) {
            //add code later look at what is already in place in mystudio
        }
    });
}