首先我已经3个文件1.下载的jquery.js
2.ajax.php
3.rece.php其中ajax.php<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function fun(){
$(document).ready(function(){
$("#id1").load("rece.php",{name:"id1"});//要实现取rece.php页的2个返回的数值需要执行2次一样的代码吗?
$("#id2").load("rece.php",{name:"id2"});//跟上面那个差不多的代码,好像重复
});
}
</script>
</head>
<body>
<div id="id1" onClick="return fun()">这是要显示的地方1</div>
<div id="id2" onClick="return fun()">这是要显示的地方2</div>
</body>
</html>
接收php文件rece.php
<?php
echo "返回的值".$_REQUEST[name];//如果这个是数组,怎样实现一样的效果,如echo arr=array("0"=>返回的值id1,"1"=>返回的值id2);
?>未点击div前ajax页输出
这是要显示的地方1
这是要显示的地方2
当点击“这是要显示的地方1”(即div的onClick事件被触发)会输出
返回的值id1
返回的值id2接下来才是我的问题,难道我要实现这个效果要执行二次.load("rece.php",{name:"id2"})吗?感觉很不科学
如果我的rece.php返回的是个数组array("0"=>返回的值id1,"1"=>返回的值id2);,怎么实现一样的效果?
2.ajax.php
3.rece.php其中ajax.php<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function fun(){
$(document).ready(function(){
$("#id1").load("rece.php",{name:"id1"});//要实现取rece.php页的2个返回的数值需要执行2次一样的代码吗?
$("#id2").load("rece.php",{name:"id2"});//跟上面那个差不多的代码,好像重复
});
}
</script>
</head>
<body>
<div id="id1" onClick="return fun()">这是要显示的地方1</div>
<div id="id2" onClick="return fun()">这是要显示的地方2</div>
</body>
</html>
接收php文件rece.php
<?php
echo "返回的值".$_REQUEST[name];//如果这个是数组,怎样实现一样的效果,如echo arr=array("0"=>返回的值id1,"1"=>返回的值id2);
?>未点击div前ajax页输出
这是要显示的地方1
这是要显示的地方2
当点击“这是要显示的地方1”(即div的onClick事件被触发)会输出
返回的值id1
返回的值id2接下来才是我的问题,难道我要实现这个效果要执行二次.load("rece.php",{name:"id2"})吗?感觉很不科学
如果我的rece.php返回的是个数组array("0"=>返回的值id1,"1"=>返回的值id2);,怎么实现一样的效果?
$(document).ready(
function(){
function ajax(参数){
//用ajax方法向rece.php发参数,success的时候return data
}
$("#id1").bind('click',function(e){
ajax(this.attr("id"));
});
$("#id2").bind('click',function(e){
ajax(this.attr("id"));
});
});</script>
rece.php:<?php
$result=array(
'id1'=>'结果1'
'id2'=>'结果2'
);
echo $result[$_REQUEST['xx']];
?>
$(document).ready(
function(){
function ajax(参数){
//用ajax方法向rece.php发参数,success的时候return data
}
$("#id1").bind('click',function(e){
this.text(ajax(this.attr("id")));
});
$("#id2").bind('click',function(e){
this.text(ajax(this.attr("id")));
});
});</script>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function fun(){
$(document).ready(function(){
$("#id1").load("php100.php",{name1:"id1",name2:"id2"},
function(data){
var str= new Array();
str=data.split("-");
$("#id1").text(str[0]);
$("#id2").text(str[1]);
});
});
}
</script>
</head>
<body>
<div id="id1" onClick="return fun()">这是要显示的地方1</div>
<div id="id2" onClick="return fun()">这是要显示的地方2</div>
</body>
</html>
rece.php
<?php
echo $_REQUEST[name1]."-".$_REQUEST[name2];
?>