2011-04-08 84 views
0

我想知道加载PHP页面并使用AJAX插入页面部分的最佳技术?如何使用AJAX加载PHP脚本?

例如,请考虑以下的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> 

什么将是一个页面使用AJAX(help.php或contact.php例如)加载到内容事业部段的最好方法?

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

+1

请...我求求你...不要用Javascript来做你的整个网站。简单的服务器端包含PHP很容易。 – Brad 2011-04-08 18:42:19

回答

1

我假设你想点击一个链接时,页面在web_Content DIV加载,如果是的话,你可以这样做:

$(function(){ 
    $('#web_Menu a').click(function(e){ 
     e.preventDefault(); 
     $('#web_Content').load($(this).attr('href'), function(){ 
      alert('File loaded'); 
     }); 
    }); 
}); 
0
<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> 

的其他.php简易装入使用jquery的文件,简单易用。