Шаблон Django, вызывающий функцию внутри класса при нажатии кнопки

Question

Я пытаюсь вызвать функцию внутри класса, который у меня есть, когда пользователь нажимает кнопку. Это мое мнение:

def index(request): 
#return HttpResponse ('Hello world!') 
return render(request, "Articol/index.html", {'WallStreet': WallStreet.objects.all(), 'Add': CreateWallStreetArticle()}) 

Так на шаблоне это код для кнопки:

<button id="about-btn"> Click to add new articles to the database</button> 

<script> 
     $(document).ready(function() { 

      $("#about-btn").click(function(event) { 
       {{ Add.AddArticle() }}; 
      }); 
     }); 
</script> 

Так как вы можете видеть, функция находится внутри класса CreateWallStreetArticle() С кодом что у меня есть, ничего не происходит, когда я нажимаю кнопку, и я не могу понять способ вызова функции AddArticle()

Если на вид я изменяю рендер рендеринга на это:

return render(request, "Articol/index.html", {'WallStreet': WallStreet.objects.all(), **'Add': CreateWallStreetArticle().AddArticle()**}) 

Это вызывает функцию, но не на кнопку мыши, он вызывает его автоматически, когда я перезагрузить страницу, и я не хочу, чтобы :-)

спасибо!

Answer 1

Я думаю, что правильный способ сделать это - использовать Ajax. Ajax означает асинхронный Javascript, и это именно то, что нам нужно. Что вам нужно сделать, так это привязать функцию js к вашей кнопке, которая отправит запрос ajax на указанный вами URL-адрес, URL-адрес будет отображаться через ваш urls.py и вызовет требуемое представление. В представлении вы можете запустить любой код python, который вы хотите, и вернуть ответ json с данными, которые вы хотите.

Я предлагаю вам прочитать Tango with Django ajax tutorial, он предоставляет базовый пример использования ajax с помощью примера django usign, например, кнопки. Если у вас есть вопросы, не стесняйтесь спрашивать их.

Answer 2

Предполагая, что есть некоторые JS код, который находится внутри index зрения, есть две вещи, которые вы должны были бы сделать:

1) Вы неправильно вызова функции Добавитьстатью - это должно быть просто {{ Add }} (который будет getCreateWallStreetArticle(), так как он находится внутри словаря)

2) Вам нужно будет пометить код, как безопасный для Django не избежать JS: вы можете сделать это путем {{ Add }} в {% autoescape off %}{{ Add }}{% endautoescape %}.

Примечание: этот метод не рекомендуется по нескольким причинам. Одна из причин - безопасность, а другая - разделение логики. Скорее всего, было бы лучше просто включить то, что {{ Add }} находится прямо в шаблоне, предполагая, что это возможно, конечно.