Django simpleJSON jQuery.parseJSON неверный ярлык - PullRequest
Новая
       9

Django simpleJSON jQuery.parseJSON неверный ярлык

0 голосов
/ 07 апреля 2011

У меня есть следующее представление в Django 

def playingNow(request,playlist_id):
    from django.db import connection
    cursor = connection.cursor()

    sql =   "SELECT id, timestamp, song_played_id, playlist_from_id, now() - timestamp as timepassed FROM music_song_played \n"\
            "WHERE playlist_from_id = %s \n"\
            "ORDER by timepassed ASC \n"\
            "LIMIT 1;"
    cursor.execute(sql,[playlist_id])
    data = cursor.fetchall()
    songPlaying = get_object_or_404(song, id = data[0][2])
    playing = {}
    playing["song"] = unicode(songPlaying)
    playing["licensed"] = "Licensed by "
    return HttpResponse(simplejson.dumps(playing), content_type ="application/javascript; charset=utf8")

и следующий шаблон 

{% block content %}

<script type='text/javascript' src='/media/inthebackground-utils.js'></script>
<script type='text/javascript' src='/media/jwplayer/swfobject.js'></script>
<script type='text/javascript' src='/media/jwplayer/jwplayer.min.js'></script>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.pack.js'></script>
<script type='text/javascript' src='/media/jquery.periodicalupdater.js'></script>
<script type="text/javascript">
  var data = new Object();
</script>


  <div id="StationName">Your Listening to: {{ station.name }} </div>
  <div id="playingNow-{{ station.name }}"></div>
  <div id='padder{{ station.name }}' style="height:20px; float left"></div>
  <div id='mediaspace-{{ station.name }}'"><p> You dont have adobe flash player installed. Please download and install from <a href="http://get.adobe.com/flashplayer">here</a> </div>

  <script type="text/javascript">

    data.{{ station.name }} = {'userid':'{{ user.pk }}', 'playlist' : '{{ station.pk }}'};

    $.PeriodicalUpdater('/music/playingNow/{{ station.pk }}/',
                    {method: 'get'}, 
                    function(remoteData, success, xhr, handle)
                    {

                      jQuery.parseJSON(remoteData);
                      console.log(typeof(remoteData));
                      console.log(remoteData);
                      licenceDiv = '<div id="licence">'+remoteData.license +'</div>';
                      songDiv = '<div id="licence">'+remoteData.song +'</div>';
                      contDiv = '<div id="playingNow-{{ station.name }}">' + songDiv + licenceDiv +'</div>';
                      $('#playingNow-{{ station.name }}').replaceWith(contDiv);
                      jwplayer('mediaspace-{{ station.name }}').play(true);
                     });

    jwplayer('mediaspace-{{ station.name }}').setup({
      flashplayer: "/media/jwplayer/player.swf",
      file: "{{ station.url }}?{{ cacheBuster }}",
      height: 20,
      width: 300,
      controlbar: "bottom",
      provider: "sound",
      duration: "0",
      events: {
        onPlay: function(event){play(data.{{ station.name }});},
        onPause: function(event){pause(data.{{ station.name }});}
        }
     });

     $(window).unload( function () { pause(data.{{ station.name }} ); } );
  </script>


{% endblock %}

когда periodicalUpdater запускается и выполняет get, он получает json в виде строки из функции view, что означает, что я могу получить к нему доступ как к обычной структуре json. И когда я пытаюсь сделать jQuery.parseJSON, firefox firebug выдает ошибку «недопустимая метка». Я читал в нескольких местах, что это может быть потому, что jquery ожидает JSONP вместо JSON. но я не уверен, как это исправить.

Есть идеи?

Приветствия

Mark

1 Ответ

0 голосов
/ 07 апреля 2011

Попробуйте: 

...
$.PeriodicalUpdater('/music/playingNow/{{ station.pk }}/',
                {method: 'get',
                 type: 'jsonp'}, 
                function(remoteData, success, xhr, handle) ...

Это должно сказать ajax-вызову использовать вместо этого jsonp.

Примечание. Как заявление об отказе от ответственности, я на самом деле не использовал эту библиотеку, но я исследовал ее, потому что сам заинтересован в автообновлении jQuery. Глядя на документы здесь:

https://github.com/RobertFischer/JQuery-PeriodicalUpdater/

мы можем видеть, что он использует обычный вызов jQuery Ajax, и вы можете указать параметры для PeriodicalUpdater, которые затем будут переданы в вызов Ajax. Поле type в PeriodicalUpdater представляется эквивалентным полю dataType в вызове jQuery ajax, документы которого находятся здесь:

http://api.jquery.com/jQuery.ajax/

...