Question

我想知道加载PHP页面并使用AJAX插入页面的一部分的最佳技术吗？

例如，请考虑以下HTML代码：

<html>
<body>
    <div id="web_Logo">
        <h1>Website Logo</h1>
    </div>
    <div id="web_Menu">
        <ul>
            <li><a href="index.php">Home</a></li>
            <li><a href="help.php">Help</a></li>
            <li><a href="contact.php">Contact</a></li>
        </ul>
    </div>
    <div id="web_Content">
        //CONTENT LOADS HERE//
    </div>
</body>
</html>

在内容Div部分中使用AJAX加载页面（例如help.php或contact.php）的最佳方法是什么？

如果有帮助，我正在为我的网站使用JQuery库。

Answer 1

  $('#web_Content').load('myFile.php');

Answer 2

我假设您希望在点击链接时在web_Content div中加载页面，如果是这样，您可以执行以下操作：

$(function(){
     $('#web_Menu a').click(function(e){
        e.preventDefault();
        $('#web_Content').load($(this).attr('href'), function(){
            alert('File loaded');
        });
    });
});

Answer 3

<script src="jquery.js"></script>
// dont forget to include jquery script 

<script type="text/javascript">

function a()
{

   var file="otherfilename"; //Enter the name of file, which is to be loaded 
   $("#load_file").load(file+".php").fadeIn("slow");

}

</script>

<button onClick="a();">Read File</button>

<div id="load_file">  The division where file will be loaded </div>

使用Jquery轻松加载其他.php文件，简单易用。

如何使用AJAX加载PHP脚本？

3 个答案: