jsonをjspでRestlet Serverから取得する方法を教えてください。

Question

私のJSPファイルには、Restlet Serverに "POST"リクエストを送信するFormがあります。そして、Restlet ServerはJsonRepresentationを返します.Jsonを取得し、JSPでJsonを表示する方法です。これはそうですか？しかし、動作していないようです。なぜですか？

<div> 
     <form id="simpleForm" method="post" enctype="multipart/form-data"> 
      <input type="text" name="zi"></input> 
      <input type="file" class="file" name="tupian"></input> 
      <input type="submit" value="query"></input> 
     </form> 
    </div> 
    <script> 
     $("#simpleForm").submit(function(event) { 
     alert("success"); 
     event.preventDefault();//next, I want to post the form on the up to the Reselet Server and deal with the result come from the server,but the server does not work 
     $.post("http://127.0.0.1:9192/CalligraphyWordService",$("#simpleForm").serialize(),function(data) { 
     ....... 

     }); 
    }); 
    </script> 

Answer 1

送信イベントのデフォルトのアクションを無効にし、フォームを非同期で送信するためにajaxを使用することをお勧めします。だから彼らがjson応答を返すとき、あなたはそれを扱うのが好きなことをすることができます。あなたはjqueryのを使用している場合は、コードのかもしれないが以下のようになります。

$('your_form_id').submit(function(event) { 
    event.preventDefault(); // prevent the default action of submit event so that your browser won't be redirect 

    $.post('your_Restlet_url', function(data) { 
     // update the page using the passed in data 
     ... 
    }); 
}); 

Answer 2

あなたは新しいしている場合は、その応答

であなたのページを更新サーバーにデータを送信し、応答を取得するために、AJAXを使用する必要があります

JavaScriptの/アヤックスに、あなたがより良いjqueryの中jQuery

簡単なAjaxのポストのようなライブラリを使用したいが、次のようになります

$.post('url/to/your/reslet', function(json_data) { 
    var data = $.parseJSON(json_data); 
    var xxx = data.xxx; // read property of your json object 
    // then you can use xxx to update your page with JavaScript 
});