passing an object in javascript function on onclick event

Question

I am trying to pass an object to a javascript function which should trigger when a link is clicked. But unfortunately I am not able to get it working.

Here is the code on my jsp file for the same:

<script type="text/javascript">
    $(document).ready(function() {
        function tryToDoItTwice(obj) {
            var check = obj;
            if(check == null) {
                return true;
            }
            else {
                alert("You're not allowed to do this twice!");
                return false;
            }
        }
    });
</script>

<a href="<c:url value="/somepath" />" onclick="javascript: tryToDoItTwice(${foo});">Try to do it twice</a>

Here foo refers to an object of type Foo.

Could someone help me understand what am I doing wrong here?

EDIT: Foo is a java object. and ${foo} is a reference variable referring to Foo java object.

Thanks.

I would say learn Javascript before JQuery. What is ${foo} never seen such syntax. — Itay Moav -Malimovka
– Itay Moav -Malimovka, Commented Jan 22, 2012 at 5:24
Also, no need to put javascript inside the onclick attribute. And, give us the error message. — Itay Moav -Malimovka
– Itay Moav -Malimovka, Commented Jan 22, 2012 at 5:25
I need a clarification.. the function is never being called right? — Lucky Murari
– Lucky Murari, Commented Jan 22, 2012 at 5:25
@Itay: Its a reference to an object of type Foo. Its expression language used on jsp pages. I am passing this object from a controller to this jsp page. — skip
– skip, Commented Jan 22, 2012 at 5:26
$ is not defined is not defined when you don't include jquery.js. — Lucky Murari
– Lucky Murari, Commented Jan 22, 2012 at 6:02

scottm · Accepted Answer · 2012-01-22 05:26:13Z

3

Your check variable is locally scoped to that function so it will be redeclared each time the function is called (not storing your value the next time it's clicked.

You need to expand the scope of your variable.

 var check = null;
  $(document).ready(function() {
        function tryToDoItTwice(obj) {
            check = obj;
            if(check == null) {
                return true;
            }
            else {
                alert("You're not allowed to do this twice!");
                return false;
            }
        }
});

Also, if foo exists elsewhere, you probably just want to pass it in like this:

<a href="<c:url value="/somepath" />" onclick="javascript: tryToDoItTwice(foo);">Try to do it twice</a>

answered Jan 22, 2012 at 5:26

scottm

28.7k22 gold badges109 silver badges161 bronze badges

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

1 Comment

Lucky Murari Over a year ago

Don't go by the name of the function. I think he is getting the number of clicks from Server-side rather than Client side..

Lucky Murari · Accepted Answer · 2012-01-22 06:04:13Z

1

You can't pass a JAVA object directly to javascript. Either you need to return as JSON ( look up GSON or Jackson for converting object to JSON ) or pass variables( not object ) to the function.

answered Jan 22, 2012 at 6:04

Lucky Murari

12.8k6 gold badges24 silver badges43 bronze badges

1 Comment

skip Over a year ago

Oops, I guess I should have explicitly mentioned that in the question. Thanks.

Collectives™ on Stack Overflow

passing an object in javascript function on onclick event

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related