Шаблон Django с jquery: обновление Ajax на существующей странице - PullRequest
3 голосов
/ 16 октября 2008

У меня есть Google App Engine, у которого есть форма. Когда пользователь нажимает кнопку отправки, вызывается операция AJAX, и сервер выводит что-то, что нужно добавить в конец той самой страницы, откуда она поступает. Как, у меня есть шаблон Django, и я намерен использовать jquery. У меня есть следующий вид:

<html>
<head>
<title></title>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>

</head>
<body>
welcome
<form id="SubmitForm" action="/" method="POST"> 
<input type="file" name="vsprojFiles" />
<br/>
<input type="submit" id="SubmitButton"/>
</form>

<div id="Testing">
{{thebest}}
</div>

</body>
</html>

Вот скрипт в scripts.js:

$(function() {
    $("#SubmitForm").click(submitMe);
});

var submitMe = function(){
    //alert('no way');
    var f = $('#SubmitForm');
    var action = f.attr("action");
    var serializedForm = f.serialize();
  $.ajax( {
        type: 'post',
        data: serializedForm,
        url:  form_action,
        success: function( result ) {
          $('#SubmitForm').after( "<div><tt>" +
                                     result +
                                     "</tt></div>" );
        }
      } );

    };

А вот мой код контроллера:

from google.appengine.api import users
from google.appengine.ext import webapp
from google.appengine.ext import db
from google.appengine.ext.webapp import template
from google.appengine.api.urlfetch_errors import *
import cgi
import wsgiref.handlers
import os
import sys
import re
import urllib
from django.utils import simplejson

class MainPage(webapp.RequestHandler):
    def get(self):
        path = os.path.join(os.path.dirname(__file__), 'Index.html')
        template_values={'thebest': 'thebest'}
        tmplRender =template.render(path, template_values)
        self.response.out.write(tmplRender)
        pass

    def Post(self):
        print >>sys.__stderr__,'me posting'
        result = 'grsgres'
        self.response.out.write(simplejson.dumps(result))

Как вы можете видеть, когда пользователь нажимает кнопку submit, вызывается метод контроллера Mainpage.post.

Теперь я хочу отобразить содержимое переменной 'result' сразу после формы, как я могу это сделать?

Ответы [ 2 ]

2 голосов
/ 06 ноября 2008

Не имея возможности протестировать код, каковы ваши результаты? Вы проверили результаты, возвращенные вызовом AJAX? Я бы посоветовал вам запустить Firefox с Firebug и записать результаты AJAX на консоль Firebug, чтобы увидеть, что вы получите:

//...
        success: function( result ) { 
        console.log( result );
      $('#SubmitForm').after( "<div><tt>" + 
// ...

Вы также можете использовать сетевую панель Firebug, чтобы увидеть, что передается взад и вперед.

Кроме того, что приводит к результату "simplejson.dumps (result)"?

1 голос
/ 07 мая 2009

вот пример моей функции успеха

success: function(json){
                $('#gallons_cont').html(json['gallons']);
                $('#area_cont').html(json['area']);
                $('#usage_cont').html(json['usage'])
                $('#results_json').show('slow');            
            },

обратите внимание, что вам нужно отлаживать с помощью firebug или чего-то подобного, так как может быть некоторая проблема с сериализацией, которая выдает и выдает ошибку, но не будет отображаться, если вы не используете что-то вроде firebug или реализует ошибку .ajax

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...