0

pusher+php+jquery+ajaxでリアルタイムミュージックプレイヤーを作ろうとしています。

ユーザーが #play ボタンをクリックすると、ajax 投稿が php スクリプトに送信され、php スクリプトはデータを特定のチャネルにプッシュし、json でエンコードされたデータをユーザーに送り返します。
jquery は、php スクリプトによって返された ajax データを解析します。
racion が "true" の場合は曲を再生し、"false" の場合は曲を停止します。

しかし、actionCall関数 P/SI に対して定義されていないデータを取得し続け、 myjquery script 、 pusher script 、 soundmanager2 script を HTML ページに含めました。

私のスクリプトは次のとおりです。

jQuery:

function ajaxCall(ajax_url, ajax_data, successCallback) {
    $.ajax({
        type: "POST",
        url: ajax_url,
        dataType: "json",
        data: ajax_data,
        time: 10,
        success: function(msg) {
            if (msg.success) {
                successCallback(msg);
            } else {
                alert(msg.errormsg);
            }
        },
        error: function(msg) {}
    });
}


function actionCall(data) {
    if (data.raction == 'true') {
        MP3.play();
    }
    else {
        MP3.stop();
    }
}

$(document).ready(function() {

    pusher = new Pusher('i have added my app key');
    Pusher.channel_auth_endpoint = 'pusher_auth.php';
    nettuts_channel = pusher.subscribe('presence-music');

    pusher.connection.bind('connected', function() {
        nettuts_channel.bind('new_action', function(data) {
            actionCall(data);
        });
    });


    soundManager.url = 'swf';
    soundManager.flashVersion = 8;
    var MP3;
    var currentSong = 0;
    soundManager.onready(function() {

        MP3 = soundManager.createSound({
            id: 'sound' + currentSong,
            url: "mp3/song.mp3"
        });

    });


    $('#play').click(function() {
        ajaxCall('player.php', {
            'action': 'true'
        }, function(msg) {
            player.php
            actionCall(msg.data);
        });
    });

    $("#stop").click(function() {
        ajaxCall('player.php', {
            'action': 'false'
        }, function(msg) {
            player.php
            actionCall(msg.data);
        });
    });


});​

PHP:

<?php

session_start();

include_once 'Pusher.php';

$pusher = new Pusher(
    'i have added my app key', //APP KEY
    'i have added my app secret', //APP SECRET
    'added my app id' //APP ID
);

$action = $_POST['action'];

$pusher->trigger(
    'presence-music', //the channel
    'new_action', //the event
    array('raction' => $action) //the data to send
);


echo json_encode(array(
    'raction' => $action,
    'success' => true
));
exit();
?>

PHP スクリプトは動作し、以下を返します。

{"raction":"true","success":true}

問題はこのエラーです(jquery内):

data is undefined
if(data.raction == 'true'){
4

2 に答える 2

0

に未定義の変数を渡していますactionCall。

ajax リクエストのmsg成功コールバックに渡される変数は、サーバーから送信されたものです。これは明確にここに文書化されています。dataTypeが 'json' に設定されているため、 jQuery は結果を解析し、オブジェクトをコールバック関数に渡します。

したがって、すべての意図と目的のために、ajax リクエストが成功した場合、成功のコールバックは次のようになります。

function(msg = {"raction":"true","success":true}) {
    if (msg.success) {
        successCallback(msg);
    } else {
        alert(msg.errormsg);
    }
}

（説明のためだけに、実際にはJavaScriptが動作していません）

次に、次msgのようにクリック イベントで定義されたコールバックに変数を渡します。

function(msg = {"raction":"true","success":true}) {
   player.php /* This looks weird btw, I don't know what this is supposed to do but I'll ignore it since this doesn't look to be the problem. */
   actionCall(msg.data);
}

（説明のためだけに、実際にはJavaScriptが動作していません）

次にactionCall、渡そうとする関数を呼び出しmsg.dataますが、おそらく推測できるようdataに、実際にはmsgオブジェクトで定義されていません。

msg代わりに全体として渡してみてください。うまくいくはずです。

したがって、ajax 呼び出し用に定義されたコールバックは次のようになります。

function(msg) {
    player.php
    actionCall(msg);
}
于 2012-04-09T12:29:39.023 に答える
0

行う

actionCall(msg);

それ以外の

actionCall(msg.data);

結果を含むのは msg オブジェクトであるため

于 2012-04-09T11:50:09.570 に答える