how to use grails ${createLink} in javascript - Stack Overflow

admin管理员组

文章数量:1395879

i have a javascript function as follows

function GetSelectedItem()
{
    var e = document.getElementById("country");
    var strSel =  e.options[e.selectedIndex].value;
    alert(strSel);
    var url = "${createLink(controller:'country', action: 'wholeTestUnits', id: strSel)}"
    alert(url);
 }

i want to go to that url action when i click the submit button like

<button class="submit_small" onClick="GetSelectedItem();">
    <span><g:message code="default.button.submit.label" /></span>
</button>

This ${createLink} is not working.

i have a javascript function as follows

function GetSelectedItem()
{
    var e = document.getElementById("country");
    var strSel =  e.options[e.selectedIndex].value;
    alert(strSel);
    var url = "${createLink(controller:'country', action: 'wholeTestUnits', id: strSel)}"
    alert(url);
 }

i want to go to that url action when i click the submit button like

<button class="submit_small" onClick="GetSelectedItem();">
    <span><g:message code="default.button.submit.label" /></span>
</button>

This ${createLink} is not working.

• javascript
• grails

Share Improve this question Follow edited Sep 12, 2013 at 9:47 wonu wns 3,60833 gold badges4444 silver badges5858 bronze badges asked Sep 12, 2013 at 9:38 John John 13711 gold badge44 silver badges1212 bronze badges 2

• 1 is your url is showing in your alert or not? – user1791574 Commented Sep 12, 2013 at 11:05
• Is this function on GSP page? – Ivar Commented Sep 12, 2013 at 16:34

Add a ment  | 

6 Answers 6

Sorted by: Reset to default 3

A better way of doing this which doesn't require the JavaScript code be in your GSP would be the following:

<button class="submit_small" onClick="GetSelectedItem();" data-url="${createLink(controller:'country', action: 'wholeTestUnits')}">
    <span><g:message code="default.button.submit.label" /></span>
</button>

function GetSelectedItem() {
    var button = event.target;
    var e = document.getElementById("country");
    var strSel =  e.options[e.selectedIndex].value;
    var url = button.getAttribute("data-url") + "/" + strSel;
}

I think you have a serverside/clientside problem. The createLink is run on the server, the JS is run on the client...

Try:

var url = '${createLink(controller:'country', action: 'wholeTestUnits')}' + strSel ;

As I think , you are not getting value of strSel in your link. You can try this.

function GetSelectedItem()
{
        var e = document.getElementById("country");
        var strSel =  e.options[e.selectedIndex].value;
        alert(strSel);
        var url = "${grailsApplication.config.grails.serverURL}/country/wholeTestUnits/" + strSel
        alert(url);
}

Instead of using the createLink you could build your own URL and use that one instead. You have to pay attention to capital letters in the controller name, though.

var url="${ createLink(controller:'testcontroller', action:'getData') }";

is equivalent to

var url = "/testcontroller/getData;

If you want to pass in arguments from javascript to the controller you can do like this.

var url = "/testcontroller/getData?arg0=" + arg0 + "&arg1=" + arg1;

To extract the arguments in the controller you do use the params keyword. So to print the parameters in the controller you do this:

println params.arg0
println params.arg1

    --in gsp file--
   <a href="#" onclick="callAjax('${createLink(controller:'shift',action: 'addShift')}');" >Add/Edit Shift</a>


    --in js file--
    function callAjax(path){
    //path->/shift/addShift
       var xmlhttp = new XMLHttpRequest();
                xmlhttp.onreadystatechange = function() {
                    if (this.readyState == 4 && this.status == 200) {
                        document.getElementById("updateContent").innerHTML = this.responseText;
                    }
                };
                xmlhttp.open("GET", path, true);
                xmlhttp.send();
      }

try this: var url = "${createLink(controller:'country', action: 'wholeTestUnits', params:[id: strSel], absolute: true)}"

本文标签： how to use grails createLink in javascriptStack Overflow