ajax，如何使用一个ajax请求更改两个div？

如何使用一个ajax请求更改2个div？ajax，如何使用一个ajax请求更改两个div？

Ajax的update.php

<?php 
include("config.inc.php"); 
include("user.inc.php"); 
$id = $_GET['id']; 
$item = New item($id); 
$result = $item->iteminfo; 
echo $result->name."<br />"; 
unset($item); 
?>

HTML：

<tr> 
<td> (one) </td> 

<td><input type="text" value="" onchange="showUser<?php echo $x;?>(this.value)" style="width:70px;"/></td> 

<td><span id="txtHint<?php echo $x;?>"></span></td> 

<td><input type="text" value="" name="price_<?php echo $x;?>" id="price_<?php echo $x;?>" onchange="upperCase<?php echo $x+$h;?>()" style="width:40px;"/></td> 

<td><input type="text" id="proce_<?php echo $x;?>" style="width:70px;" value="<?php echo $x+$h;?>" disabled /></td> 

<td><input type="text" value="" name="price_<?php echo $x;?>" style="width:40px;"/></td> 

<td><input type='text' id="totalPrice<?php echo $x;?>" disabled /></td> 

</tr>

脚本：

function showUser<?php echo $x;?>(str) 
{ 
if (str=="") 
    { 
    document.getElementById("txtHint<?php echo $x;?>").innerHTML=""; 
    return; 
    } 
if (window.XMLHttpRequest) 
    {// code for IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    {// code for IE6, IE5 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("txtHint<?php echo $x;?>").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","ajax-update.php?id="+str,true); 
xmlhttp.send(); 
}

我的问题是，当我改变这个值

<td><input type="text" value="" onchange="showUser<?php echo $x;?>(this.value)" style="width:70px;"/></td>

不仅如此TD

<td><span id="txtHint<?php echo $x;?>"></span></td>

而且这个TD

<td><input type="text" id="proce_<?php echo $x;?>" style="width:70px;" value="<?php echo $x+$h;?>" disabled /></td>

现在

我只能在飞行中改变一个DIV（txtHint），

索里，我的英语。

注：我希望把未更新diferent文件，例如当值的变化，这个脚本是字

xmlhttp.open("GET","ajax-update.php?id="+str,true);

，另一种是

foo.php

感谢

昂嘎

编辑1：

[1] | [2] | [3]

[1]：I输入值manualy
[2]：这个跨度txtHint变化使用AJAX
[3]：我想这种变化过于同[2]

编辑2：

document.getElementById("txtHint<?php echo $x;?>").innerHTML=xmlhttp.responseText; 
document.getElementById("proce_<?php echo $x;?>").value=xmlhttp.responseText;

这就是是工作，但值在[2]和[3]是相同的，因为它从一个文件Ajax的update.php取如何添加其他文件，但仍然在一个Ajax请求？

来源

2013-09-22 Anggagewor

在你的问题的第一句话中，你说你想改变divs，但实际上你只是在谈论问题结尾提到的td元素，对吧？ – SharpKnight

yap。 td只是为了掩护，我想把其他div放在td里面。 sory如果我的问题或我的英语很混乱。 – Anggagewor

如果我理解你的问题正确，你想改变的第一个元素（SPAN）和第二（输入）的文本。

你似乎跨度想通了 - 你使用innerHTML。你写道：

document.getElementById("txtHint<?php echo $x;?>").innerHTML=xmlhttp.responseText;

在那之下......你可以添加

document.getElementById("proce_<?php echo $x;?>").value=xmlhttp.responseText;

但是 - 你也应该看看使用jQuery的这种事情。它为你处理跨浏览器的东西，并使这种编码更简单。您可以执行所需的所有JSON/XML请求，并轻松更新单个组件。

来源

2013-09-22 15:35:12 Goblortikus

您在getElementById函数中使用（如问题中所述）PHP代码。该字符串参数应该更改为PHP代码输出的实际ID。 – SharpKnight

谢谢，它改变了，但是结果和span一样，如何添加这样的其他文件xmlhttp.open（“GET”，“other-ajax.php？id =”+ str，true）; 放哪里？ – Anggagewor

@AnggaMovic如果你想从另一个页面获取信息，那么你必须提出两个xmlhttp请求。所以你可以做的是创建第二个单独的xmlhttp请求 - 所以xmlhttp = new XMLHttpRequest（）;变成xmlhttp1 = new XMLHttpRequest（）;和xmlhttp2 = new XMLHttpRequest（）; ...或者你可以创建一个新的函数来处理每个xmlhttp请求url（作为第一个函数参数），并且你可以指定当结果返回时作为第二个函数参数应该改变的元素。 – Goblortikus

ajax，如何使用一个ajax请求更改两个div？

回答

相关问题