how to use grails ${createLink} in javascript

Question

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.

is your url is showing in your alert or not?

user1791574
– user1791574

2013-09-12 11:05:13 +00:00
Commented Sep 12, 2013 at 11:05 — user1791574
– user1791574, Commented Sep 12, 2013 at 11:05
Is this function on GSP page?

Ivar
– Ivar

2013-09-12 16:34:38 +00:00
Commented Sep 12, 2013 at 16:34 — Ivar
– Ivar, Commented Sep 12, 2013 at 16:34

Gregg · Accepted Answer · 2013-09-12 14:47:05Z

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;
}

answered Sep 12, 2013 at 14:47

Gregg

36k22 gold badges115 silver badges221 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tim_yates · Accepted Answer · 2013-09-12 14:27:35Z

1

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 ;

edited Sep 12, 2013 at 14:27

answered Sep 12, 2013 at 9:48

tim_yates

172k29 gold badges359 silver badges354 bronze badges

3 Comments

tim_yates Over a year ago

Is that function in a JS script or a GSP? Can you quantify 'not working'? Just saying "It's not working" doesn't really help anyone to help you...

John Over a year ago

Its a javascript function inside a gsp page

tim_yates Over a year ago

So what error do you get? What does the generated javascript look like if you view source of the page?

user1791574 · Accepted Answer · 2013-09-13 09:10:32Z

1

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);
}

edited Sep 13, 2013 at 9:10

answered Sep 12, 2013 at 11:18

user1791574

1,7492 gold badges16 silver badges31 bronze badges

1 Comment

IgniteCoders Over a year ago

You need to define that property before use it

user1728363 · Accepted Answer · 2017-03-01 07:34:07Z

0

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

answered Mar 1, 2017 at 7:34

user1728363

3692 gold badges6 silver badges15 bronze badges

1 Comment

Sebastian Barth Over a year ago

If in cookieless mode you won't get a session id added to url then.

Nandakishor Dhanaji Valakunde · Accepted Answer · 2018-03-26 06:00:05Z

0

    --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();
      }

answered Mar 26, 2018 at 6:00

Nandakishor Dhanaji Valakunde

7209 silver badges16 bronze badges

Comments

user11662026 · Accepted Answer · 2019-06-18 03:30:04Z

0

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

answered Jun 18, 2019 at 3:30

user11662026

11 bronze badge

Collectives™ on Stack Overflow

how to use grails ${createLink} in javascript

6 Answers 6

Comments

3 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

3 Comments

1 Comment

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related