Jquery 如何使用ajax提交表单并在不同页面上获得响应

这是我的表格

<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>

---

请帮助我

您需要执行动作中的技巧url，在会话中存储所有变量，将用户重定向到另一个页面，然后获取所有数据并显示给用户。只有这样，ajax不能将所有数据传输到另一个页面，你必须使用一些后端技术在会话中存储变量，如果你不想使用服务器端技术，你也可以在本地浏览器存储中存储数据，并在另一个页面中获取变量

---

谢谢

如果要这样做，那么只需使用带有重定向的常规回发。这违背了ajax的观点，即允许发送/接收数据而无需回发和/或重定向。您可以将其保存在cookie maybeThanks@ADyson中以供回答，但我如何向用户显示消息（使用模式）来说明提交的表单成功与否？通过在每种情况下改变服务器给出的输出。一个简单的

if

语句，用于更改呈现回客户端的HTML。如果失败，则呈现错误消息。如果成功，则呈现一条成功消息，或启动所需的重定向。是@ADyson我已经能够显示该消息，只是它出现在javascript警报窗口中。但是我想要一个模式。谢谢@XainBinKafeel的回答，但我真正想要的是能够在表单提交后向用户显示消息。我能够生成显示在javascript警报窗口中的消息。但我希望它是模态的。

$('#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; // });