使用 jquery 在 POST 请求后重定向

Question

我正在使用 Django。我有一个 HTML 页面，我在其中做一些 Javascript 的东西，然后我用这种方式做一个 jQuery 帖子：

$.ajax({ 
  url: '/xenopatients/measurement/qual', 
  type: 'POST', 
  data: {'obj':data}, 
  dataType: 'json', 
  contentType: "application/json; charset=utf-8", //questo ok 
}); 

在这个 post 请求之后，我的 Django 视图正确地处理了对该 URL 的调用。 我想要它做的是处理数据，将用户发送到另一个页面，然后将此数据发送到新页面。 问题是我不能像往常一样在 Python 中执行重定向，就像代码忽略了重定向一样。

我的 Python 代码是：

@csrf_protect 
@login_required#(login_url='/xenopatients/login/') 
def qualMeasure(request): 
    name = request.user.username 
    print "enter" 
    if request.method == 'POST': 
        print request.POST 

        if "obj" in request.POST: 
            print 'obj received' 
            return render_to_response('mice/mice_status.html', RequestContext(request)) 

    return render_to_response('measure/qual.html', {'name': name, 'form': QualMeasureForm()}, RequestContext(request)) 

我发现更改页面的唯一方法是在上面的代码之后通过 Javascript：

top.location.href = "/xenopatients/measurement";

但是我不知道如何在使用这个方法时传递我需要的数据。

HTML 代码：

<form action="" method=""> 
  <table id="dataTable" width="100%" border="1"></table><br> 
  <script language="javascript"> 
    document.measureForm.id_barcode.focus(); 
    document.measureForm.Add.disabled = false; 
    $('#dataTable').tablePagination({}); 
  </script> 
  <input type="button" name="save" value="Save Measure Serie" onclick="table2JSON('dataTable')"/> 
</form> 

附：我也试过$.post，但结果相同。

如何在 Django 中使用 jQuery 进行发布请求后进行重定向？

Answer 1

好的，我找到了神奇的解决方案！ :)

情况： jQUery.ajax() 调用了一个视图的方法

为了在 Ajax 之后重定向，我使用了 here 的提示（在 jQuery 选择器中使用文档而不是“正文”）

但是，我还有进一步的手术要做。

在被调用的视图中，调用另一个方法，像这样：

[...]
if request.method == 'POST':
    if "obj" in request.POST: #ricevuti dati da ajax
        request.session['qual'] = request.POST['obj']
        return HttpResponseRedirect(reverse("xenopatients.views.qualReport"))

我在会话中保存我需要的数据。我在被调用的视图中使用这些数据。

调用另一个方法是重定向浏览器页面的关键。 其实在被调用方法的最后，可以正常写&执行：

return render_to_response('measure/qualReport.html', {'name':name, 'list_report': report, 'message':'Measures correctly saved'}, RequestContext(request))

希望这对某人有用！ ;)

Answer 2

@Daniel 是正确的，因为您希望避免使用 ajax 调用进行重定向，但您可以看看这个 Stack Overflow 问题，它解决了如何做到这一点：How to manage a redirect request after a jQuery Ajax call

Answer 3

点击按钮调用下面的这个函数（）并传递参数，在我的例子中我传递了新的

function checkforNew(){
                //jQuery.post('<%=request.getContextPath()%>/InspectionController?&oper=new');

                jQuery.ajax({
                    type: "POST",
                    url: '<%=request.getContextPath()%>/MyController?&oper=new',
                    //data: {'obj':data},
                    dataType: "json",
                    success: function(response){
                        window.location.href = response.redirect;
                    }
                });
            }

在您的 servlet 中，您需要提及以下代码，以便页面重定向。

String destination = "/mypage.jsp;

                response.setContentType("application/json");
                JSONObject responsedata = new JSONObject();
                responsedata.put("redirect", destination);

                out.print(responsedata);
                out.flush();