utiliser Jquery .load() avec une variable

Question

Je suis sûr que je fais beaucoup de mal ici, mais spécifiquement j'essaye de tirer quelques informations d'un formulaire et de le combiner dans une URL que je peux ensuite. Load() :

$(document).ready(function() { 

    origin = $('#origin').val(); 
    destination = $('#destination').val(); 
    weekDay = $('#weekday').val(); 
    fullSchedule = origin+'_'+destination+'_'+weekDay+'.html'; 

    $("#scheduleform :submit").click(function() {   
     $('#schedule').load(fullSchedule);   
     alert(fullSchedule); 
    }); 
}); 

Je peux alerter l'URL complète mais je ne peux pas sembler l'obtenir pour charger dans la div (avec l'identifiant de l'annexe). Je suis en train de bousculer ensemble la petite jquery que je connais pour faire ceci, donc je suis sûr que c'est en désordre, mais je ne suis pas sûr pourquoi il alerterait correctement mais ne chargerait pas la div.

Answer 1

Si vous avez Firebug, pouvez-vous vérifier que la requête va au serveur et que vous obtenez une réponse? Essayer aussi de mettre un rappel à load pour voir si la charge termine avec succès:

$('#schedule').load(fullSchedule, function(responseText, textStatus, XMLHttpRequest) { 
    alert("Load result: " + responseText + " " + textStatus); 
}); 

Quelques autres:

• est l'URL d'une URL valide?
• Est-ce que c'est sur le même domaine?

J'ai remarqué une autre chose. Y at-il une raison pour laquelle vous utilisez click() au lieu de submit()? Alors:

$("#scheduleform").submit(function() { 
    ... 
    return false; //You probably don't want the page to actually submit and reload 
}); 

Une autre façon de contourner l'ensemble des affaires est présenter simplement d'utiliser un bouton standard qui n'est pas un bouton de soumission, et de se lier à elle click (en fonction de ce que vous faites en réalité bien sûr - Je ne sais pas si vous voulez réellement soumettre quoi que ce soit).

Answer 2

Êtes-vous sûr que le formulaire n'est pas soumis et donc rechargé? vous devez arrêter l'action par défaut avec preventDefault()

$("#scheduleform :submit").click(function(e) { 
    e.preventDefault();   
    $('#schedule').load(fullSchedule); 
});