Ajax发布到同一页面并重新加载页面而不破坏发布参数

Question

有人知道如何在 windows.location.reload(true) 之后保留 post 参数吗？

function handler(event,ui)
{
  $(this).find(".thumb").remove();
  $(this).append('<img class="thumb" src="'+ui.draggable.attr('src')+'">');

  imageurl = ui.draggable.attr('src');

  $.ajax({
     type: "POST",
     url: 'www.check.com.sg/', 
     data: {name: imageurl}, 
     complete:function(){
        window.location.reload(true);
     } 
  });
}

如果我在页面上重新加载。 post 参数将被销毁

Answer 1

首先，你的方法对于 AJAX 来说是错误的；成功后不应刷新页面，而应使用 jQuery 的 .html() 或 .load() 方法。

现在，如果您仍然想做同样的事情，那么它不能使用

window.location.reload(true);

而是使用

window.location.href

So来完成

function handler(event, ui) {
    $(this).find(".thumb").remove();
    $(this).append('<img class="thumb" src="' + ui.draggable.attr('src') + '">');
    imageurl = ui.draggable.attr('src');
    $.ajax({
        type: "POST",
        url: 'www.check.com.sg/',
        data: {
            name: imageurl
        },
        complete: function() {
            var currentURL = window.location.href + '?var1=' + var1 + '&var2=' + var2;
            window.location.href = currentURL;
        }
    });
}

Answer 2

是的，你可以做到。只需将所有帖子变量放入页面上的隐藏表单中，如下所示：

<form action="" method="post" id="myform">
    <input type="hidden" name="my_var1" value="value_of_my_var1" />
    <!-- More inputs here.... -->
</form>

然后在 ajax 调用完成后提交表单：

function handler(event,ui)
{
  $(this).find(".thumb").remove();
  $(this).append('<img class="thumb" src="'+ui.draggable.attr('src')+'">');

  imageurl = ui.draggable.attr('src');

  $.ajax({
     type: "POST",
     url: 'www.check.com.sg/', 
     data: {name: imageurl}, 
     complete:function(){
        $('#myform').submit();
     } 
  });
}