jquery - 在grails中将参数传递给JQuery

Question

我的GSP中有radioGroup:

<g:each in="${questions}" var='qu'>
<span id="qEnglish-label" class="property-label"><g:message code="questions.qEnglish.label" default="Q English" /></span>

                    <span class="property-value" aria-labelledby="qEnglish-label"><g:fieldValue bean="${qu}" field="qEnglish"/></span>

<g:radioGroup class='radioGroup'   values="['good','med','bad']"   name="radio${radioName++}" labels="['good','med','bad']"> ${it.label} : ${it.radio} </g:radioGroup>

我在下面的jQuery代码中添加了 change侦听器来调用AJAX，我需要传递一些参数，假设将 qu.id和 each的 value的 radioButton传递给下面的Jquery代码，而不是 qId,qAns的值，该怎么做。

jQuery代码:

$('.radioGroup').on('change',function(){

var args=JSON.stringify({qId:'tt1',qAns: 'aa1'});
$.ajax({
    url:'${createLink(controller:'questions' , action:'tempSaveAjax')}',
    type:'POST' ,
    data:{ json:args }, 
    success: function(data, textStatus, jqXHR) {
        alert (" done " );
            },
    error: function(data,  textStatus,  errorThrown) { // Handle errors here
        alert ("erroooor : " + textStatus/*data.responseText*/);
        }

    });

});

Answer 1

好的，这实际上只是一个jQuery问题。您已经具备了掌握答案的条件，但是您将需要一种轻松解决问题的方法。我认为数据属性可以解决问题，就像这样:

<g:radioGroup class='radioGroup' 'data-question-id'="${qu.id}" values="['good','med','bad']"   name="radio${radioName++}" labels="['good','med','bad']"> ${it.label} : ${it.radio} </g:radioGroup>

我不确定该属性的语法。但是，那么您可以轻松地掌握所需的两个参数...

$('.radioGroup').on('change',function(){

var args=JSON.stringify({qId: $(this).attr('data-question-id'), qAns: $(this).val()});
$.ajax({
    url:'${createLink(controller:'questions' , action:'tempSaveAjax')}',
    type:'POST' ,
    data:{ json:args }, 
    success: function(data, textStatus, jqXHR) {
        alert (" done " );
            },
    error: function(data,  textStatus,  errorThrown) { // Handle errors here
        alert ("erroooor : " + textStatus/*data.responseText*/);
        }

    });

});