Return in Http Response and Html page but its not showing on the browser in Django

Question

I have created a page on locahost:8080/kar, i am sending an ajax POST request to different Url(same domain) i.e. locahost:8080/kar/create_post there i am returning an HTML response but its not showing on the browser as the URL is still on locahost:8080/kar, the data is stored in the database.Where as in the developer console i can see the response in the network tab .When i redirect it is also showing the same thing in the developer console

Why i am not able to change the URl and see the response ?

I think thats whats ajax is for, loading content in the same page. I think Django is working normally, but you should have a look at your javascript. — het.oosten, May 22 '15 at 07:50

score 1 · Accepted Answer · edited May 23 '17 at 12:17

It's a client side thing, that means the desired behaviour needs to be implemented with javascript. Django is functioning normally here.

When you're sending Requests via AJAX, that is a non blocking request with the XMLHttpRequestheader set, your browser won't trigger the chain of events that occurs when a server side script evaluates your form and returns something, which may be data, or a redirect, depending on whether the form validated or not. A typical AJAX call in jQuery looks like this:

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

If you would like to perform some actions when the request you sent by XMLHttpRequest returns, you could attach that to the appropriate success handler:

// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.post( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
});

// Perform other work here ...

// Set another completion function for the request above
jqxhr.always(function() {
  alert( "second finished" );
});

If you need to redirect to the URI that is returned as a redirect from your server you can get the redirect URI from the response in the success handler:

$.ajax({
    type: "POST",
    url: reqUrl,
    data: reqBody,
    dataType: "json",
    success: function(data, textStatus) {
        if (data.redirect) {
            // data.redirect contains the string URL to redirect to
            window.location.href = data.redirect;
        }
        else {
            // data.form contains the HTML for the replacement form
            $("#myform").replaceWith(data.form);
        }
    }
});

If you would like to modify the URL in the users bar without reloading the page you could have a look at this question.

Return in Http Response and Html page but its not showing on the browser in Django

1 Answers1