js获取的值和php的值怎么取得联系 ajax咋用啊,请教!!
functionshowAttr(){varval=document.getElementById('types').value;//alert(val);if(val=...
function showAttr(){
var val=document.getElementById('types').value;
//alert(val);
if(val==1){
document.getElementById('attr').innerHTML="<?php echo show_attr(1) ?>";
}else if(val==2){
document.getElementById('attr').innerHTML="<?php echo show_attr(2) ?>";
}
else if(val==3){
document.getElementById('attr').innerHTML="<?php echo show_attr(3) ?>";
}
else if(val==4){
document.getElementById('attr').innerHTML="<?php echo show_attr(4) ?>";
}
else if(val==5){
document.getElementById('attr').innerHTML="<?php echo show_attr(5) ?>";
}
else if(val==6){
document.getElementById('attr').innerHTML="<?php echo show_attr(6) ?>";
}
else if(val==7){
document.getElementById('attr').innerHTML="<?php echo show_attr(7) ?>";
}
else if(val==8){
document.getElementById('attr').innerHTML="<?php echo show_attr(8) ?>";
}
return true;
} 展开
var val=document.getElementById('types').value;
//alert(val);
if(val==1){
document.getElementById('attr').innerHTML="<?php echo show_attr(1) ?>";
}else if(val==2){
document.getElementById('attr').innerHTML="<?php echo show_attr(2) ?>";
}
else if(val==3){
document.getElementById('attr').innerHTML="<?php echo show_attr(3) ?>";
}
else if(val==4){
document.getElementById('attr').innerHTML="<?php echo show_attr(4) ?>";
}
else if(val==5){
document.getElementById('attr').innerHTML="<?php echo show_attr(5) ?>";
}
else if(val==6){
document.getElementById('attr').innerHTML="<?php echo show_attr(6) ?>";
}
else if(val==7){
document.getElementById('attr').innerHTML="<?php echo show_attr(7) ?>";
}
else if(val==8){
document.getElementById('attr').innerHTML="<?php echo show_attr(8) ?>";
}
return true;
} 展开
展开全部
js 的话ajax写很麻烦,建议使用jquery中的
$.post();
$.post(url,{'type':type},function(data){
$('#path').html(data);//回调函数
},'html');
ajax例子:城市联动
js端
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttp = new XMLHttpRequest();//mozilla浏览器
}
else if(window.ActiveXObject){
try{
XMLHttp = new ActiveXObject("Msxml2.XMLHTTP");//IE老版本
}catch(e){}
try{
XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE新版本
}catch(e){}
if(!XMLHttp){
window.alert("不能创建XMLHttpRequest对象实例");
return false;
}
}
}
function dostart(){
createXMLHttpRequest();
var id=document.getElementById('city').value;//----->这里写你循环判断得到的值
var url="link.php?id="+id;//--->地址
XMLHttp.open("GET",url,true);
XMLHttp.onreadystatechange=check;//-->调用回调函数
XMLHttp.send(null);
}
//回调函数
function check(){
if(XMLHttp.readyState==4){
if(XMLHttp.status==200){
var obj=document.getElementById('area');//html页在那里执行
obj.length=1;
eval(XMLHttp.responseText);
}
}
}
php端:
if(isset($_GET['id']))
{
$id=intval($_GET['id']);
$sql="select * from `city` where `pid`=".$id;
$query=mysql_query($sql);
while($rs=mysql_fetch_array($query)){
$str.= "obj.options[obj.options.length] = new Option('".$rs["city"]."','".$rs["id"]."'); ";
}
echo $str;
}
$.post();
$.post(url,{'type':type},function(data){
$('#path').html(data);//回调函数
},'html');
ajax例子:城市联动
js端
function createXMLHttpRequest(){
if(window.XMLHttpRequest){
XMLHttp = new XMLHttpRequest();//mozilla浏览器
}
else if(window.ActiveXObject){
try{
XMLHttp = new ActiveXObject("Msxml2.XMLHTTP");//IE老版本
}catch(e){}
try{
XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE新版本
}catch(e){}
if(!XMLHttp){
window.alert("不能创建XMLHttpRequest对象实例");
return false;
}
}
}
function dostart(){
createXMLHttpRequest();
var id=document.getElementById('city').value;//----->这里写你循环判断得到的值
var url="link.php?id="+id;//--->地址
XMLHttp.open("GET",url,true);
XMLHttp.onreadystatechange=check;//-->调用回调函数
XMLHttp.send(null);
}
//回调函数
function check(){
if(XMLHttp.readyState==4){
if(XMLHttp.status==200){
var obj=document.getElementById('area');//html页在那里执行
obj.length=1;
eval(XMLHttp.responseText);
}
}
}
php端:
if(isset($_GET['id']))
{
$id=intval($_GET['id']);
$sql="select * from `city` where `pid`=".$id;
$query=mysql_query($sql);
while($rs=mysql_fetch_array($query)){
$str.= "obj.options[obj.options.length] = new Option('".$rs["city"]."','".$rs["id"]."'); ";
}
echo $str;
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
看看jquery里面的封装的3个简便关于ajax的方法吧:$.ajax()这个是参数最全的一个,简单的话有$.get()和$.post,还有个可以直接发送html页面代码的,好久没用了都
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
新手的话,不建议用jq,还是将基础弄扎实了再用JQ,那就简单多了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
记得调用函数
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询