奇妙な問題（）

Question

私はこのコードで奇妙な行動を抱えている：ボタン「送信」が押されたとき

<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ポータルはブロックされます。メッセージ "gggg"が表示されたポップアップが表示されますが、[OK]をクリックするとページがブロックされます。

'param：document.getElementById（ "nombre"）'という行を削除してもブロックされません。

誰かがエラーをどこに説明できますか、またはこの動作の理由はありますか？事前に

おかげで、

Answer 1

ラファ問題は、jQueryのは好きでするつもりはないparamための値として全体のDOM要素を渡すためにしようとしているということです。どのタイプの要素にID​​があり、その要素のどのプロパティが必要ですか？それは、入力のいくつかの種類があります場合は、あなたはおそらくvalueプロパティをしたいので、あなたがしたい：

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

Answer 2

更新回答：

もう少し介してこれを考えると、あなたはおそらくでこれを行う必要があります全く違う方法。ユーザーが送信ボタンをクリックしたときにデータを送信していますが、フォームが送信する入力テキストボックスに入力中にユーザーが入力を入力した場合でも、コードはそれをキャッチしません。

より堅牢なソリューションではなく、このようにそれを行うには、次のようになります。

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

あなたのコードの変更：

• は、フォームにIDを追加しました。
• サブミットボタンは、ボタンの代わりに、buttonとしました。
• コードは$(document).readyブロック内に配置されています。
• formが送信されたときにコードが実行されるのは、buttonがクリックされたときではありません。このことができます

希望、 サンドロ