merkwürdige Ausgabe mit jQuery.get()

Question

Ich bin ein seltsames Verhalten mit diesem Code mit:

<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 blockiert wird, wenn die Schaltfläche „Senden“ gedrückt wird. Das Popup-Fenster mit der Meldung "gggg" wird angezeigt, aber nachdem Sie darauf geklickt haben, wird die Seite blockiert.

Wenn ich die Zeile 'param: document.getElementById ("nombre") lösche, wird sie nicht blockiert.

Kann mir jemand erklären, wo ist der Fehler oder der Grund für dieses Verhalten?

Vielen Dank im Voraus,

Rafa

Answer 1

Das Problem ist, dass man ein ganzes DOM-Element als Wert für param passieren ist versucht, die jQuery gehen ist nicht wie. Welcher Elementtyp hat die ID nombre und welche Eigenschaft von diesem Element möchten Sie? Wenn es irgendeine Art von Input ist, möchten Sie wahrscheinlich die value Eigenschaft, so würden Sie tun:

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

Answer 2

Aktualisiert Antwort:

Denken dies durch ein wenig mehr, sollten Sie wahrscheinlich tun dies in einem ganz anders. Sie senden die Daten, wenn der Benutzer auf die Schaltfläche zum Absenden klickt, aber denken Sie daran, wenn ein Benutzer die Eingabetaste drückt, während er in das Eingabefeld des Formulars eingibt, aber Ihr Code wird das nicht erfassen.

Eine robustere Lösung wäre es auf diese Art und Weise zu tun, statt:

<div> 
    <form id="nombre_search"> 
    <input type="text" id="nombre" value="<%=searching%>"/> 
    <input type="submit" value="Submit"/> 
    </form> 
</div>​ 

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function() { 
    $("#nombre_search").submit(function(){ 
     $.get("http://localhost:8080/c/portal/json_service", { 
     serviceClassName: "com.liferay.test.service.TrabajadorServiceUtil", 
     serviceMethodName: "findByName", 
     servletContextName: "TrabajadorPlugin-portlet", 
     serviceParameters: "[param]", 
     param : $("#nombre").val() 
     }); 
     return false; 
    }); 
    }); 
</script> 

Änderungen an Ihrem Code:

• Added eine ID in das Formular.
• Die Schaltfläche zum Senden eine submit Schaltfläche anstelle von nur button gemacht.
• Platzierter Code innerhalb $(document).ready Block.
• Code wird ausgeführt, wenn form nicht gesendet wird, wenn button geklickt wird.

hoffe, das hilft, Sandro