StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POAjax POST request doesn't display content
text
Body
copied!<p>I am using Ajax to submit the info entered into the textarea, and trying to have the page load the string that was submitted. I got rid of the errors and am getting the success function to display, but the results aren't loading on the page. WHat am I doing wrong?</p> <pre><code> var dataString = tinyMCE.get('addAnswer').getContent(); $.ajax({ type: "POST", url: "/home/19/1/add_answer/", data: $(dataString).serialize(), success: function(data){ alert(dataString); }, error: function(){ alert('You fail'); } }); </code></pre> <p>Here's the full code:</p> <pre><code>$('#submitAnswer').on('click', function(e){ e.preventDefault(); var dataString = tinyMCE.get('addAnswer').getContent(); // Next 3 functions are all for the csrf token function getCookie(name) { var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); // Does this cookie string begin with the name we want? if (cookie.substring(0, name.length + 1) == (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } var csrftoken = getCookie('csrftoken'); function csrfSafeMethod(method) { // these HTTP methods do not require CSRF protection return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method)); } function sameOrigin(url) { // test that a given url is a same-origin URL // url could be relative or scheme relative or absolute var host = document.location.host; // host + port var protocol = document.location.protocol; var sr_origin = '//' + host; var origin = protocol + sr_origin; // Allow absolute or scheme relative URLs to same origin return (url == origin || url.slice(0, origin.length + 1) == origin + '/') || (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') || // or any other URL that isn't scheme relative or absolute i.e relative. !(/^(\/\/|http:|https:).*/.test(url)); } $.ajaxSetup({ beforeSend: function(xhr, settings) { if (!csrfSafeMethod(settings.type) && sameOrigin(settings.url)) { // Send the token to same-origin, relative URLs only. // Send the token only if the method warrants CSRF protection // Using the CSRFToken value acquired earlier xhr.setRequestHeader("X-CSRFToken", csrftoken); } } }); // End of csrf token functions $.ajax({ type: "POST", url: "/home/19/1/add_answer/", data: $(dataString).serialize(), success: function(data){ alert(dataString); }, error: function(){ alert('damn'); } }); }); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload