J'ai déployé un salon de discussion en utilisant Django et JQuery (pour faire des appels AJAX) sur ma page Web. Cependant, le champ texte du message, bien que je puisse taper des messages, ne me permettrait pas de soumettre des messages au chatfield principal. La chose étrange est que le chatroom fonctionne sur mon hôte local mais pas quand il est déployé sur Heroku.AJAX 500 Erreur de serveur interne
Voici l'erreur de journal de la console que je reçois:
GET http://gameofswitch.herokuapp.com/chat/room/1/ajax/?time=0 500 (INTERNAL SERVER ERROR) jquery-latest.min.js:5
GET http://gameofswitch.herokuapp.com/chat/room/1/ajax/?time=0 500 (INTERNAL SERVER ERROR) jquery-latest.min.js:5
On dirait qu'il pourrait y avoir une erreur avec le temps ou recevoir des demandes, mais je ne sais pas pourquoi ou ce qu'il pourrait être?
est ici le principal fichier JS:
//Handles the csrf_token for ajax posts, taken from:
// https://docs.djangoproject.com/en/dev/ref/contrib/csrf/
$(document).ajaxSend(function(event, xhr, settings) {
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;
}
function sameOrigin(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));
}
function safeMethod(method) {
return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
if (!safeMethod(settings.type) && sameOrigin(settings.url)) {
xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
}
});
var urlize = function(text) {
var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
return text.replace(exp,"<a href='$1'>$1</a>");
};
// Chat client code.
// Keep track of the last message received (to avoid receiving the same message several times).
// This global variable is updated every time a new message is received.
var timestamp = 0;
// URL to contact to get updates.
var url = null;
// How often to call updates (in milliseconds)
var CallInterval = 8000;
// ID of the function called at regular intervals.
var IntervalID = 0;
// A callback function to be called to further process each response.
var prCallback = null;
function callServer(){
// At each call to the server we pass data.
$.get(url, // the url to call.
{time: timestamp}, // the data to send in the GET request.
function(payload) { // callback function to be called after the GET is completed.
processResponse(payload);
},
'json');
};
function processResponse(payload) {
// if no new messages, return.
if(payload.status == 0) return;
// Get the timestamp, store it in global variable to be passed to the server on next call.
timestamp = payload.time;
for(message in payload.messages) {
$("#chatwindow").append(urlize(payload.messages[message].text));
}
// Scroll down if messages fill up the div.
var objDiv = document.getElementById("chatwindow");
objDiv.scrollTop = objDiv.scrollHeight;
// Handle custom data (data other than messages).
// This is only called if a callback function has been specified.
if(prCallback != null) prCallback(payload);
}
function InitChatWindow(ChatMessagesUrl, ProcessResponseCallback){
/** The args to provide are:
- the URL to call for AJAX calls.
- A callback function that handles any data in the JSON payload other than the basic messages.
For example, it is used in the example below to handle changes to the room's description. */
$("#loading").remove(); // Remove the dummy 'loading' message.
// Push the calling args into global variables so that they can be accessed from any function.
url = ChatMessagesUrl;
prCallback = ProcessResponseCallback;
// Read new messages from the server every X milliseconds.
IntervalID = setInterval(callServer, CallInterval);
// The above will trigger the first call only after X milliseconds; so we
// manually trigger an immediate call.
callServer();
// Process messages input by the user & send them to the server.
$("form#chatform").submit(function(){
// If user clicks to send a message on a empty message box, then don't do anything.
if($("#msg").val() == "") return false;
// We don't want to post a call at the same time as the regular message update call,
// so cancel that first.
clearInterval(IntervalID);
$.post(url,
{
time: timestamp,
action: "postmsg",
message: $("#msg").val()
},
function(payload) {
$("#msg").val(""); // clean out contents of input field.
// Calls to the server always return the latest messages, so display them.
processResponse(payload);
},
'json'
);
// Start calling the server again at regular intervals.
IntervalID = setInterval(callServer, CallInterval);
return false;
});
} // End InitChatWindow
/** This code below is an example of how to extend the chat system.
* It's used in the second example chat window and allows us to manage a user-updatable
* description field.
* */
// Callback function, processes extra data sent in server responses.
function HandleRoomDescription(payload) {
$("#chatroom_description").text(payload.description);
}
function InitChatDescription(){
$("form#chatroom_description_form").submit(function(){
// If user clicks to send a message on a empty message box, then don't do anything.
if($("#id_description").val() == "") return false;
// We don't want to post a call at the same time as the regular message update call,
// so cancel that first.
clearInterval(IntervalID);
$.post(url,
{
time: timestamp,
action: "change_description",
description: $("#id_description").val()
},
function(payload) {
$("#id_description").val(""); // clean out contents of input field.
// Calls to the server always return the latest messages, so display them.
processResponse(payload);
},
'json'
);
// Start calling the server again at regular intervals.
IntervalID = setInterval(callServer, CallInterval);
return false;
});
}
btw, cette erreur signifie qu'il s'agit d'une erreur de serveur, pas de javascript. –
Vérifiez le post ici http://www.developersnote.com/2014/01/solved-jquery-ajax-500-internal-server.html[link] – shamcs
Vous m'a donné un mauvais lien ... –