Get Spring @RequestParam in ajax request

Question

I'm trying to get a Java object in my javascript. I'm using a ajax request to get this object. Here is my code :

@RequestMapping(path = "/sendSMS", method = RequestMethod.POST)
public void sendSMS(HttpServletRequest request, 
                    HttpServletResponse response, 
                    final ModelMap contactModel,
                    @RequestParam(value = "id") final String contactId) { ... }

and my ajax request :

var $this = $(this);
$.ajax({
    type : 'POST',
    url : '/contacts/sendSMS?id=${param.id}',
    data : $this.serialize(),
    dataType : 'json',
    success : function(json) {
        alert("success");
        $.each(json,function(index,element) {
            if (index == "message") {
                message = element;
                alert(message);
            }
        }
    }
})

The error I got in Eclipse is:

java.lang.NumberFormatException: For input string: "${param.id}"
    at java.lang.NumberFormatException.forInputString(Unknown Source)
    at java.lang.Integer.parseInt(Unknown Source)
    at java.lang.Integer.parseInt(Unknown Source)
    at com.controller.contact.ContactController.sendSMS(ContactController.java:259)

This line is :

Integer id = Integer.parseInt(contactId);

EDIT : It works when I hard code the id. I just modify url like this :

var smsUrl = '/contacts/sendSMS?id=113';
url : smsUrl,

Now my problem is that I don't know how to get the id value dynamically.

By the way your original javascript code was missing a closing parenthesis for `success` function. http://stackoverflow.com/revisions/35974083/2 — Ali Dehghani, Mar 13 '16 at 20:06
`There is an error in Eclipse after the last "}" here ${param.id}` maybe it's related to that `}` — Ali Dehghani, Mar 13 '16 at 20:09

score 1 · Answer 1 · answered Mar 13 '16 at 18:34

1

Change url : '/contacts/sendSMS?id=${param.id}' to url : '/contacts/sendSMS?id=' + ${param.id}

answered Mar 13 '16 at 18:34

Bhushan Bhangale

10,921
5
43
71

There is an error in Eclipse after the last "}" here ${param.id} – Nicolas Buster Mar 13 '16 at 18:41
"Syntax error on token "{", . expected" for the first { and "Syntax error on token ",", { expected after this token" after the second } – Nicolas Buster Mar 13 '16 at 18:46
What is param.id in your JS? – Bhushan Bhangale Mar 13 '16 at 18:56
Instead of `${param.id}` use JS variable which has the id value `'/contacts/sendSMS?id=' + id` or if just testing use some hard coded value then your url should be `'/contacts/sendSMS?id=12'` – Bhushan Bhangale Mar 13 '16 at 19:10
I try with hard coded value, it works. But I don't know how I can get the id value dynamically. I thought it was ${param.id} – Nicolas Buster Mar 13 '16 at 19:16
Do you know how can I do to have the id value in my JS ? – Nicolas Buster Mar 13 '16 at 20:04

score 1 · Accepted Answer · edited Mar 21 '16 at 17:38

${param.id}

This value comes from Spring. JavaScript files should be seperated from JSP files. You can for example connect Spring variable to HTML tag in your JSP file like <form>:

<form myattribute="${param.id}">
... 
</form>

and now you can fetch this value in your JavaScript file with jQuery like this:

var myId = $('form').attr('myattribute');

$.ajax({ 
    type : 'POST',
    url : '/contacts/sendSMS?id=' + myId 
    ...
});

You can also use the data-* attribute to embed custom data in your HTML tags like:

 <form data-myvariable="${param.id}">
 ... 
 </form>

and then in JS file:

var myId = $('form').data("myvariable");

$.ajax({ 
    type : 'POST',
    url : '/contacts/sendSMS?id=' + myId 
    ...
});

score 0 · Answer 3 · answered Mar 13 '16 at 18:33

0

In your AJAX call you are defining the url as a static value, while the id should be dynamic. Change it to:

 url : '/contacts/sendSMS?id='+${param.id},

answered Mar 13 '16 at 18:33

hotzst

7,238
9
41
64

There is an error in Eclipse after the last "}" here ${param.id} – Nicolas Buster Mar 13 '16 at 18:42

score 0 · Answer 4 · edited May 23 '17 at 11:59

0

url : '/contacts/sendSMS?id='+${param.id}

should to the magic, but as you mentioned in earlier answers to you maybe mix JavaScript and JSPs ?

You might want also to take a look at: Reading a JSP variable from JavaScript

edited May 23 '17 at 11:59

Community

1
1

answered Mar 13 '16 at 20:00

lradacher

470
4
6

This doesn't work, I don't know what is ${param.id}. Do you know how can I do to have the id value in my JS ? – Nicolas Buster Mar 13 '16 at 20:05
What should ${param.id} contain? Where should it come from? – lradacher Mar 14 '16 at 14:21

Get Spring @RequestParam in ajax request

4 Answers4