jsp 예제에서 ajax 데이터 형식

Question

데이터 매개 변수를 올바르게 호출하려면 ajax 호출 내에 있습니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#call').click(function() 
     { 
      $.ajax({ 
       type: "post", 
       url: "books", //this is my servlet 
       data: <<< my data here >>> 
      }); 
     }); 

    }); 
</script> 

이 내 jsp의 일부입니다 : 나는 일반적으로 위의 form를 통과하는 모든 것을 전달하고자

<form action="books" method="post"> 
    <table width="70%" border="1"> 
     <% 
      List<Book> books = (List<Book>) request.getAttribute("books"); 

      for (int i = 0; i < books.size(); i++) { 
     %> 
     <tr> 

      <td> 
       <input type="checkbox" name="book<%=i%>" 
         value="<%= books.get(i).getBook_id()%>"> <%= books.get(i).getName() %> 
      </td> 

     </tr> 
     <% 
      } 
     %> 
    </table> 

    <select name="user_name"> 
     <% 
      List<User> users = (List<User>) request.getAttribute("users"); 
      for (int i = 0; i < users.size(); i++) { 
     %> 
     <option value="<%=users.get(i).getName()%>"><%=users.get(i).getName()%></option> 
     <% 
      } 
     %> 
    </select> 
    <input type="submit" name="submit" value="Purchase"> 
    <input type="button" value="Call Servlet" name="Call Servlet" id="call"/> 
</form> 

. 이 예를 통해 ajax 기술을 둘러 볼 수 있습니까?

Answer 1

폼에 instance id을주고

 $('#form').submit(function() 
     { 
      $.ajax({ 
       type: "post", 
       url: "books", //this is my servlet 
       data: $(this).serialize() 
      }); 
     }); 


    <form id="form" action="books" method="post"> 
     <table width="70%" border="1"> 
      <% 
       List<Book> books = (List<Book>) request.getAttribute("books"); 

       for (int i = 0; i < books.size(); i++) { 
      %> 
      <tr> 

       <td> 
        <input type="checkbox" name="book<%=i%>" 
          value="<%= books.get(i).getBook_id()%>"> <%= books.get(i).getName() %> 
       </td> 

      </tr> 
      <% 
       } 
      %> 
     </table> 

     <select name="user_name"> 
      <% 
       List<User> users = (List<User>) request.getAttribute("users"); 
       for (int i = 0; i < users.size(); i++) { 
      %> 
      <option value="<%=users.get(i).getName()%>"><%=users.get(i).getName()%></option> 
      <% 
       } 
      %> 
     </select> 
     <input type="submit" name="submit" value="Purchase"> 
     <input type="button" value="Call Servlet" name="Call Servlet" id="call"/> 
    </form>