Загрузите файл .php в div с помощью JQuery

Я искал вокруг, и ничто не подходит для того, что мне нужно. Вот что я пытаюсь сделать:

<a href="">TSConfig</a> <!-- When clicked, it loads tsconfig.php which contains a form and some php code into #main_content --> <a href="">MVSN</a> <!-- When clicked, it loads mvsn.php which contains a form and some php code into #main_content --> <a href="">Fulfillment</a> <!-- When clicked, it loads maint_fulfil.php which contains a form and some php code into #main_content --> <div class="grid_3" id="main_content"> <!-- PHP CONTENT TO LOAD HERE --> </div> 

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

Большое спасибо, и я надеюсь, что правильно объяснил.

Измените свой html на этот …

 <a class="ajax-link" href="tsconfig.php">TSConfig</a> <!-- When clicked, it loads tsconfig.php which contains a form and some php code into #main_content --> <a class="ajax-link" href="mvsn.php">MVSN</a> <!-- When clicked, it loads mvsn.php which contains a form and some php code into #main_content --> <a class="ajax-link" href="maint_fulfil.php">Fulfillment</a> <!-- When clicked, it loads maint_fulfil.php which contains a form and some php code into #main_content --> <div class="grid_3" id="main_content"> <!-- PHP CONTENT TO LOAD HERE --> </div> 

и вот сценарий, который загружает нужные вам страницы …

 $(function() { $("a.ajax-link").on("click", function(e) { e.preventDefault(); $("#main_content").load(this.href); }); }); 

Я добавил класс ajax-link к каждой из ссылок, чтобы вы могли применить к ним вышеупомянутый скрипт, но не другие ссылки на странице.

jQuery.load

Последний пример также совершенно ясен:

 $( "#feeds" ).load( "feeds.php", { limit: 25 }, function() { alert( "The last 25 entries in the feed have been loaded" ); });