¿Cómo cargar el archivo PHP en DIV mediante jQuery?

Question

Estoy desarrollando un sitio web y tengo unas pocas cosas en el menú lateral:

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

luego tengo este script

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

y tengo DIV dentro de mi página:

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

Obviamente, lo que intento hacer es cargar home.php whe n Hago clic en el hipervínculo Contáctenos, que no funciona. ¿Qué pasa con mi código?

Answer 1

añadir home.php URL de la página en lugar del nombre del archivo.

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

Answer 2

Puede usar $.load() de esta manera para obtener más datos de lo que está sucediendo. Cuando vea el mensaje de error, es probable que pueda resolverlo por sí mismo ^^

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

Answer 3

usted tiene que utilizar el camino de la "home.php" de índice de dir y no de dir guión.

Si sitio es:

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

Hay que modificar el paso de parámetros "scripts/home.php"

Answer 4

@ user2805663 Sé que este post es bastante viejo pero aunque me dejó puesto la solución podría ayudar a alguien más, ya que me ayudó.

Gracias a @Mangala Edirisinghe

siguiendo el método puede cargar dos archivos separados en dos DIVs diferentes con un solo clic (Enlace).

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