Как загрузить файл PHP в DIV с помощью jQuery?

Я разрабатываю веб-сайт, и у меня есть это в боковом меню:

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

то у меня есть этот скрипт

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

и у меня есть этот DIV внутри моей страницы:

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

Очевидно, что я пытаюсь загрузить home.php, когда я нажимаю на гиперссылку «Контакты», которая не работает. Что не так с моим кодом?

добавьте home.php страницы home.php вместо имени файла.

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

Вы можете использовать $.load() вот так, чтобы получить больше данных о том, что происходит. Когда вы увидите сообщение об ошибке, вы, вероятно, можете решить его самостоятельно ^^

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

@ user2805663 Я знаю, что этот пост довольно старый, но хотя я могу опубликовать решение, которое может помочь кому-то другому, так как это помогло мне.

Благодаря @Mangala Edirisinghe

следующим методом вы можете загрузить два отдельных файла в двух разных DIV с помощью одного клика (Link).

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

Вы должны использовать путь « home.php » из индекса dir, а не из скрипта dir.

Если вы на сайте:

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

Вы должны изменить свой параметр, передавая « scripts / home.php »