如何將數據從一個jsp發送到另一個jsp並使用ajax顯示數據

我對jQuery和jQuery非常陌生。使用jsp和ajax發送數據時遇到問題。如何將數據從一個jsp發送到另一個jsp並使用ajax顯示數據

我知道如何使用ajax在同一頁面中顯示結果（這裏我使用一個表格）。

現在我想單擊第一個jsp中的一個按鈕（單擊按鈕使用ajax來調用servlet控制器以便從數據庫獲取數據，然後將數據轉換爲json格式），然後在第二個jsp，但我被卡住瞭如何去做。

下面的代碼：

test.jsp的

<body> 
    <input type='button' value='Show' id='ShowButton' /> 
</body> 
<script type='text/javascript'> 
    $(document).ready(function() { 
     $("#ShowButton").click(function(event) { 
      $.ajax({ 
       type : "POST", 
       url : "controller.view", 
       dataType : "json", 
       success : function(data) { 
        $.each(data, function (index, element) { 
         var showContent = ''; 
         showContent += '<tr><td>' + element.cpId + '</td> 
             <td>' + element.cpName + '</td><td>' 
             + element.createDate + '</td><td>' + 
             element.enable + '</td></tr>'; 
         $("#content tbody").append(showContent);   
        }); 
       } 
      }); 
     }); 
    }); 
</script>

test2.jsp

<body> 
<div > 
    <table id='content'> 
     <thead> 
      <tr> 
       <th>ID</th> 
       <th>Content Provider Name</th> 
       <th>Create Date</th> 
       <th>Enable</th> 
      </tr> 
     </thead> 
     <tbody> 
     </tbody> 
    </table> 
</div> 
</body>

感謝。

來源

2017-08-02 Leo Liao

您可以使用ajax將數據從一個jsp傳遞到另一個jsp。您必須在控制器中編寫服務，這會消耗數據並顯示在另一個jsp上。 –

//inside button click 
$.ajax({ 
    url: 'SaveData', 
    method: 'POST', 
    data: { 
     fname: $('#fname').val(), 
     sname: $('#sname').val(), 
     age: $('#age').val(), 
     address: $('#address').val(), 
     email: $('#email').val(), 
     gender: $('.gender:checked').val(), 
     phone: $('#phone').val(), 
     password: $('#password').val() 
    }, 
    success: function (data) { 
     data = JSON.parse(data); 
     if (data.responce == 1) 
      alert("Success"); 
     else 
      alert("Error"); 
    }, 
    error: function (error) { 
     console.log(error); 
    } 
});

來源

2017-11-24 09:46:38

如何將數據從一個jsp發送到另一個jsp並使用ajax顯示數據

回答

相關問題