0

私のJSPファイルには、「POST」リクエストをRestletServerに送信するフォームがあります。次に、Restletサーバーは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>
4

2 に答える 2

0

ajaxを使用してデータをサーバーに送信し、応答を取得してから、その応答でページを更新する必要があります

JavaScript / Ajaxを初めて使用する場合は、 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
});
于 2012-04-27T07:21:32.203 に答える
0

submit イベントのデフォルト アクションを無効にし、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
        ...
    });
});
于 2012-04-27T06:02:10.113 に答える