Question

I’m having a strange behaviour with this code:

<script type="text/javascript">
            function get() 
            {
                alert("gggg");
                jQuery.get (
                    "http://localhost:8080/c/portal/json_service", 
                    {
                        serviceClassName: "com.liferay.test.service.TrabajadorServiceUtil",
                        serviceMethodName: "findByName",
                        servletContextName: "TrabajadorPlugin-portlet",
                        serviceParameters: "[param]",
                        param : document.getElementById("nombre")
                    }
                );
            }
</script>

<div>
<form>
    <input type="text" id="nombre" value="<%=searching%>"/>
    <input type="button"  value="Submit" onClick="javascript:get()"/> 
</form>
</div>

Liferay portal gets blocked when the button “Submit” is pressed. The pop-up with the message “gggg” is showed, but after click ok on it, the page becomes blocked.

If I remove the line ‘param : document.getElementById(“nombre”)’, it doesn’t block.

Can anyone explain me where is the error, or the reason of this behaviour?

Thanks in advance,

Rafa

Answer 1

The problem is that you’re trying to pass an entire DOM element as the value for param, which jQuery isn’t going to like. What type of element has ID nombre, and what property from that element do you want? If it’s some kind of input, you likely want the value property, so you’d do:

param : document.getElementById("nombre").value