我是 ajax 和 php 的新手,如果您能帮助我,我将不胜感激。看到我只知道一点javascript和php,我真的不知道如何解决这个问题,请你帮帮我!我一直在寻找解决方案,但找不到任何解决方案,希望我的搜索将在这里停止。我会尽力解释清楚。
我想要这个:
<a href="#" onClick="return false" onmousedown="javascript:swapContent('con1');">load html page called ducks</a>
将一个名为ducks.html 的html 页面加载到myDiv 区域中。
当我点击这个时,我也想这样:
<a href="#" onClick="return false" onmousedown="javascript:swapContent('con2');">load a list of html links</a>
我希望它加载一个带有链接列表的 html 页面,单击该链接列表时将加载到 myDiv 区域而不重新加载整个页面。
最后我想设置 myphpscript php 文件。加载一个包含将出现在 myDiv 区域中的链接列表的页面,当我单击其中一个链接时,它同样会加载到 myDiv 区域中。
这是我的代码
<!-- This is your PHP script... myphpscript.php -->
<?php
$contentVar = $_POST['contentVar'];
if ($contentVar == "con1") {
include 'con2.html';
} else if ($contentVar == "con2") {
echo "<a href='con2'>View</a>";
} else if ($contentVar == "con3") {
echo "Content for third click is now loaded. Any <strong>HTML</strong> or text you wish.";
}
?>
<!-- This is the rest of my code -->
<html>
<head>
<script type="text/javascript" src="jQuery-1.5.1.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
function swapContent(cv) {
$("#myDiv").html('<img src="loader.gif"/>').show();
var url = "myphpscript.php";
$.post(url, {contentVar: cv} ,function(data) {
$("#myDiv").html(data).show();
});
}
//-->
</script>
<style type="text/css">
#myDiv {
width:200px; height:150px; padding:12px;
border:#666 1px solid; background-color:#FAEEC5;
font-size:18px;
}
</style>
</head>
<body>
<a href="#" onClick="return false"
onmousedown="javascript:swapContent('con1');">Content1</a>
<a href="#" onClick="return false"
onmousedown="javascript:swapContent('con2');">Content2</a>
<a href="#" onClick="return false"
onmousedown="javascript:swapContent('con3');">Content3</a>
<div id="myDiv">My default content for this page element when the page initially loads</div>
</body>
</html>