web-dev-qa-db-fra.com

Comment charger le fichier PHP dans DIV par jQuery?

Je développe un site Web et je l'ai sur le menu latéral:

<a href="#" class="leftMenu" id="contact">Contact Us</a>

alors j'ai ce script

$(document).ready(function(){
  $("#contact").click(function(){
    $("#contents").load('home.php');
  });
});

et j'ai cette DIV dans ma page:

<div class="contentWrapper" id="contents"></div>

De toute évidence, ce que j'essaie de faire est de charger home.php lorsque je clique sur l'hyperlien Contactez-nous, ce qui ne fonctionne pas. Quel est le problème avec mon code?

phpjavascriptjqueryajax
12
JudeJitsu

ajouter home.php URL de la page au lieu du nom du fichier.

$(document).ready(function(){
  $("#contact").click(function(){
    $("#contents").load('url to home.php');
  });
});
16
Mangala Edirisinghe

Vous pouvez utiliser $.load() comme ceci, pour obtenir plus de données sur ce qui se passe. Lorsque vous voyez le message d'erreur, vous pouvez probablement le résoudre vous-même ^^

$("#contents").load("home.php", function(response, status, xhr) {
  if (status == "error") {
      // alert(msg + xhr.status + " " + xhr.statusText);
      console.log(msg + xhr.status + " " + xhr.statusText);
  }
});
9
Tom

@ user2805663 Je sais que ce message est assez ancien, mais laissez-moi publier la solution, cela pourrait aider quelqu'un d'autre, car cela m'a aidé.

Merci à @Mangala Edirisinghe

en suivant la méthode, vous pouvez charger deux fichiers distincts dans deux DIVs différents en un seul clic (Lien).

$(document).ready(function(){ 
 $("#clickableLink").click(function(){ 
  $("#contents").load('url/file1.php');
  $("#contents2").load('url/file2.php'); 
 }); 
});
3
TechYogi

Vous devez utiliser le chemin de "home.php" à partir de l'index dir et non à partir du répertoire de script.

Si votre site est:

/
  index.php  
  scripts
     /script.js 
     /home.php

Vous devez modifier votre paramètre en passant "scripts/home.php"

1
Domenico Luciani