使用JQuery将.php文件加载到div中

我一直在四处寻找，没有什么东西完全符合我的需要。以下是我试图实现的目标：

<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文件中提取id并以某种方式操纵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>

---

我在每个链接中添加了类

ajax链接

，这样您就可以将上面的脚本应用于它们，而不是页面上的任何其他链接。

将您的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>

我在每个链接中添加了类

ajax链接

，这样您就可以将上面的脚本应用于它们，而不是页面上的任何其他链接。

最后一个例子也很清楚：

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

最后一个例子也很清楚：

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

---

如何使用？嗯，这很简单，好像它会帮助任何人，我有一个插件，可以帮助

的
url
加载
。它叫。过来看。Withit调用非常简单：
$（“#main_content”）.load（$.myURL（'index'、'directory'、'file.php'）、function（response，status，xhr）{/*这是.load*/}的回调函数。
如何使用呢？嗯，这很简单，好像对任何人都有帮助，我有一个插件，可以帮助
的
url
.load
。它叫。过来看。Withit的调用非常简单：
$（'#main_content'）.load（$.myURL（'index'，'directory'，'file.php'），function（response，status，xhr）{/*这是.load*/}的回调函数）
我回答了同样的问题+1这对我来说太棒了，我非常感激。不过我确实遇到了另一个问题，它的方法是POST，它通过PHP_SELF将内容加载到同一页面上——一旦我提交表单，它会将脚本和输出加载到一个空白的白页上，而不是index.PHP中——知道是什么原因吗？对不起，我不明白。什么是使用POST方法，什么是加载空白页，index.php是从哪里来的？您提供的内容将加载表单。表单包含以下内容：表单提交将导致整个页面重新加载，是。如果您不希望它这样做，那么您需要处理表单的提交事件，并在构建包含所有表单元素和值的数据对象之后进行ajax调用，然后将返回的数据发布到main content div中。如您所见，这不是一个小请求，这是一个完全不同的问题。我建议您提出一个新问题，并在div中显示表单标记。我的回答是相同的+1这对我来说太棒了，我非常感激。不过我确实遇到了另一个问题，它的方法是POST，它通过PHP_SELF将内容加载到同一页面上——一旦我提交表单，它会将脚本和输出加载到一个空白的白页上，而不是index.PHP中——知道是什么原因吗？对不起，我不明白。什么是使用POST方法，什么是加载空白页，index.php是从哪里来的？您提供的内容将加载表单。表单包含以下内容：表单提交将导致整个页面重新加载，是。如果您不希望它这样做，那么您需要处理表单的提交事件，并在构建包含所有表单元素和值的数据对象之后进行ajax调用，然后将返回的数据发布到main content div中。如您所见，这不是一个小请求，这是一个完全不同的问题。我建议您提出一个新问题，并在div中显示表单标记。