javascript - 如何使 jQuery POST 函数打开新页面？

Question

我知道 HTML 中的提交按钮可以提交打开目标页面的表单，但我如何使 jQuery ajax 调用将信息发布到新页面并显示新页面。我正在提交通过单击元素(切换一个名为“select”的新类)收集的信息，然后将这些项目的标识符与新类添加到一个字符串并发布到新页面。这个新页面将使用这些数据来提供上一页选择的摘要。我目前可以让它将数据发布到一个新的 PHP 页面，但它似乎是 ajax 函数只是保留在当前页面上(这对某些事情很好，但不是这个)，而不是重定向到新页面。我该怎么做呢？

这是脚本部分:

//onload function
$(function() {

//toggles items to mark them for purchase
//add event handler for selecting items
$(".line").click(function() {
    //get the lines item number
    var item = $(this).toggleClass("select").attr("name");
    });

$('#process').click(function() {
    var items = [];

    //place selected numbers in a string    
    $('.line.select').each(function(index){
            items.push($(this).attr('name'));
            });

    $.ajax({
            type: 'POST',
            url:  'additem.php',
            data: 'items='+items,
            success: function(){
                $('#menu').hide(function(){
                    $('#success').fadeIn();             
                    });
                }   
            });
    });
    return false;
});

任何指针都会很棒!!谢谢

---

编辑:感谢您的帮助，我已将脚本更改为:

//onload function
    $(function() {

    //toggles items to mark them for purchase
    //add event handler for selecting items
    $(".line").click(function() {
        //get the lines item number
        var item = $(this).toggleClass("select").attr("name");
        });    

$('#process').click(function() {
    var items = [];

    //place selected numbers in a string    
    $('.line.select').each(function(index){
            items.push($(this).attr('name'));
            });
    $('#items').attr('value',items);
    $('#form').submit()

    });
    return false;
});  

Answer 1

首先，我不鼓励在这里使用 ajax，因为您没有将它用于预期目的，而是强制它重新加载。

在ajax的成功中你可以做这样的事情

success: function(){
           window.location = "the new url you wanted to load";       
         } 

编辑:

为什么不将表单操作属性设置为您要发布到的页面的普通帖子，您可以访问该发布页面中表单的所有变量，或者您可以连接或存储在数组中所有值和将此数组存储在隐藏变量中，并在发布的脚本中访问此变量。