javascript - 在 JSON 成功后重定向到其他地方?

标签 javascript jquery html json forms

我的代码:

<script>
  $('#form').submit(function() {
    $.ajax({
      type: 'POST',
      url: $(this).attr('action'),
      dataType: 'json',
      success: function(json) {
        window.location.href = "http://www.example.com";
      }
    });
    return false;
  });
</script>

表格:

<form id="form" class="center" action="http://localhost/products/index.php?route=checkout/cart/add" method="post">
  <input type="text" name="cname">
  <input type="hidden" name="product_id" value="51">
  <input type="submit">
</form>

当表单按下提交时,它会转到操作页面,这只是一条 JSON 成功消息,我想做的是重定向到操作页面以外的其他页面,但我的代码似乎不起作用?

我的代码究竟有什么问题,有人可以帮我解决吗?

如果你能帮助我,我将不胜感激,非常感谢!

最佳答案

您没有发布任何使 POST 相当无用的数据。

你也没有错误处理程序

尝试:

$(function(){
    $('#form').submit(function() {

       var $form = $(this);

        $.ajax({
            type: 'POST',
            url: $form.attr('action'),

            // data to send
            data: $form.serialize(),

            dataType: 'json',
            success: function(json) {
               window.location.href = "http://www.example.com";
            },
            error: function(){
               // do something when request fails - See $.ajax docs
            }
        })
        return false;
    });
});

关于javascript - 在 JSON 成功后重定向到其他地方?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47374183/

相关文章:

javascript - 用函数改变Javascript变量?

javascript - Ajax 内容可排序 jQuery portlet,加载后按 'sortOrder' 变量排序

html - 绝对定位的内部元素不允许在相对定位的外部元素上滚动

html - 如何在 div 中垂直居中标签?

javascript - 如何隐藏 componentWillMount 警告

javascript - Array .prototype .filter() 在什么时候检查虚假值?

javascript - 如何取消选择 jQuery 中的项目?

javascript - 在setInterval中找不到自己定义的函数

javascript - 如何删除 jquery 对话框上关闭按钮上的 Tab 键按下的焦点

javascript - 在浏览器中显示元素周围的 CSS Box 模型边界?