JSPでAjaxを使用する方法

Question

通常のフォームの代わりにAjaxを使用しようとしています。

しかし、URLは何ですか？私のJavaファイルでしょうか？ 'ManageClients' DOESN'TのWORK

アヤックス

$('#saveBtn').click(function() { 
    $.ajax({ 
     type:'POST', 
     url: '?????' , 
     success: function (result) { 
      console.log(result); 
     } 
    }); 

ManageClients.java

：しかし、私は、私はサーブレットマッピングを使用する理由

URLのJavaファイルへのアクセス権を持っていると思ういけません

public class ManageClients extends HttpServlet{ 

@Override 
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 

    bla bla bla 

    } 

web.xml

<servlet> 
    <servlet-name>Clients</servlet-name> 
    <servlet-class>com.atp.servlets.Controller.ManageClients</servlet-class> 
</servlet> 
<servlet-mapping> 
    <servlet-name>Clients</servlet-name> 
    <url-pattern>/Clients</url-pattern> 
</servlet-mapping> 

Answer 1

使用url: 'Clients'

とAJAX呼び出しのためのデータを送信するために 'データ' パラメータを使用します。 jQueryの '。serialize（）'を使用してフォームをシリアル化し、データとして送信できます。

$('#saveBtn').click(function() { 
$.ajax({ 
    type:'POST', 
    url: 'Clients', 
    data: $("#myForm").serialize(); 
    success: function (result) { 
     console.log(result); 
    } 
}); 

https://api.jquery.com/serialize/

Answer 2

要求がデータベースとの対話のためのサーバ側（Javaの春、ASP.netおよびなど）に送信したり、ビジネスロジックを適用して、バックに結果を返しているURLを指定しますあなたのJSPのような表示ページ。 Ajaxの呼び出しとメソッドの詳細については はhere

$.ajax({ 
      type : "POST", 
      url : "url_name", //that define in your javacode 
      data : { Data to be sent to the server. It is converted to a query string, if not already a string       
        },  

      error : function(){ 
         //error messoge log will displayed here 
        },   
    });