javascript - 如何将 Scala 模板中的 ID 放入 AJAX 调用中？

Question

我正在使用 play 框架 2.3.8，并构建了一个应用程序，您可以在其中输入问题并回答问题。

我的 View 类获取一个 List[Question]，我使用 foreach 循环运行它并显示它们:

@for(question <- questionList){
<!-- Questions -->
<li class="list-group-item" >
<button type="button" class="btn btn-default"  id="upvoteButton" 
value="voteUp" style="width: 30px; height: 30px; text-align: center; vertical-align: center;">
<span class="glyphicon glyphicon-arrow-up" aria-hidden="true" style="color:orange"></span>
</button>

<span class="num"> @question.voteScore </span>

(...)

它是这样的:

通过 jQuery，您可以对 QA 进行上/下投票，现在我想使用 AJAX 将更改后的 voteScore 放入数据库中。单击按钮会启动 AJAX POST，它向我的 Controller 发送当前分数，稍后还应发送 QuestionID:

$(document).ready(function(){
    $(".btn-default").click(function(){
        if( $(this).val() == 'voteUp'){
            $(this).html( "<span class='glyphicon glyphicon-arrow-up' aria-hidden='true' style='color:orange'></span>" );
            var currentScore = $(this).parent('li').find('.num').text();
            $(this).parent('li').find('.num').html(parseInt(currentScore) + 1);

    $.ajax({ 
        type : 'POST',
        url : '@routes.Application.voteUp()',
        data : {
            text : currentScore
        },
        success : function(data){
        }
        });
    });
});

但我不知道如何将 QuestionID 放入 AJAX POST，AJAX POST 数据部分中的 id : @question.questionID 不起作用(值未找到错误)。我怎样才能做到这一点？

Answer 1

首先提供属性来存储问题ID:

<span class="num" id="@question.questionID"> @question.voteScore </span>

第二个提供 JS 变量来存储所选问题的 ID:

var currentId = $(this).parent('li').find('.num').attr('id');

第三次通过 Ajax 将其作为 JSON 发送到 Controller :

$.ajax({ 
        type : 'POST',
        url : '@routes.Application.voteUp()',
        data : {
            score : currentScore, id_question : currentId
        },
        success : function(data){
        }
        });
    });

最后，从Controller获取score和id_question。