Я искал вокруг, и ничто не подходит для того, что мне нужно. Вот что я пытаюсь сделать:
<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" ); });