我如何用ajax提交表單，並得到一個不同的頁面

Question

這裏的反應是我的表

<form id="new_type" action="../control/c_type.php" method="post" class="form-horizontal form-bordered"> 
       <div class="form-group"> 
        <label class="col-md-4 control-label" for="type">Type<span class="text-danger">*</span></label> 
        <div class="col-md-4"> 
         <input type="text" id="type" name="type" class="form-control" placeholder="Type..." required="required" > 
        </div> 
       </div> 
       <div class="form-group"> 
        <label class="col-md-4 control-label" for="description">Description</label> 
        <div class="col-md-4"> 
         <textarea id="description" name="description" rows="7" class="form-control" placeholder="Description ..."></textarea> 
        </div> 
       </div> 
      <div class="form-group form-actions"> 
       <div class="col-md-8 col-md-offset-5"> 
        <button type="submit" class="btn btn-effect-ripple btn-primary" name="submit" value="submit">Save</button> 
        <button type="reset" class="btn btn-effect-ripple btn-danger" name="reset" value="reset">Cancel</button> 
       </div> 
      </div> 
      </form> 

然後我想用ajax提交表單並將用戶重定向到不同的頁面，並顯示響應在一個模式。

這裏是我的腳本

$('#new_type').submit(function() { // catch the form's submit event 
$.ajax({ // create an AJAX call... 
    data: $(this).serialize(), // get the form data 
    type: $(this).attr('method'), // GET or POST 
    url: $(this).attr('action'), // the file to call 
    success: function(response) { // on success.. 
     $('#').html(response); // HERE I WANT TO REDIRECT THE USER TO ANOTHER PAGE AND DISPLAY THE RESPONSE IN A MODAL 
    } 
}); 
return false; // }); 

請幫我

Answer 1

你需要做的伎倆在操作URL，存儲在會話中的所有變量，將用戶重定向到另一個頁面，然後得到的所有數據並顯示到用戶。只有這樣，ajax不能將所有數據傳輸到另一個頁面，您必須使用一些後端技術來存儲會話中的變量，如果您不想使用服務器端技術，您還可以將數據存儲在本地瀏覽器存儲區在另一個頁面中獲取變量。

https://developer.mozilla.org/en/docs/Web/API/Window/localStorage https://www.w3schools.com/html/html5_webstorage.asp

感謝。