1

我在 ajax 中有问题，它没有打印我想要的消息。让我们解释一下。在 php 代码中，我有一个输入标签：

<input type="submit" id="login_button_add" name="submit" value="Add" 
onclick="add_building(); showbuildings( );" />

这两个js函数是：

function add_building(){
    var str1=document.getElementById("building_name").value;
    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("txtHint10").innerHTML=xmlhttp.responseText;}
    }
    xmlhttp.open("GET","add_building.php?q="+str1,true);
    xmlhttp.send();
}

在add_building.php我在数据库中添加一行并打印消息。查询工作正常，但它不会在我的页面中打印带有我在我的 html 代码中的 id 的消息。我认为问题在于我调用了第二个 js 函数。因为当我add_building()单独打电话时，它可以完美运行（打印消息）。

的php代码add_building.php是： 

$q=$_GET["q"];


if ($q!==''){
$link= mysqli_connect(...);

mysqli_set_charset($link, "utf8");
$sql="SELECT * FROM buildings WHERE name='$q'";
$result = mysqli_query($link,$sql);

if (!mysqli_num_rows($result)){
mysqli_set_charset($link, "utf8");
$sql="INSERT INTO buildings VALUES ('','$q','')";
$result =mysqli_query($link,$sql);
echo "The building added successfully.";
}
else {echo 'Building name exists. Try a different.';}

@ db_close($link);
}
else{echo 'Please insert a name.';}

另一个js函数是：

function showbuildings(str)
{
    if (str=="")
    {
        document.getElementById("show_buildings_js").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("show_buildings_js").innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","showbds.php?q=",true);
    xmlhttp.send();
}

在这个函数中，我在我的页面中打印表格。这很好用。

问题是来自的消息add_building.php不打印id='txtHint10'，尽管所有其他人都在add_building.php工作。我认为问题在于我调用了第二个 js 函数并且我有两个 xmlhttp.responseText。因为当我add_building()单独调用 js 函数时，它可以完美运行并打印消息。

4

1 回答 1

1

问题是您正在xmlhttp使用第二个 javascript 函数覆盖您的变量。结果是只执行来自第二个函数的回调。

为了使这两个函数彼此独立工作，您需要使用不同的变量名或在每个函数中本地声明它们var xmlhttp;（更清洁的解决方案）。

请注意，javascript 中变量的范围是全局的，除非您var在函数中声明它使用。

于 2012-11-15T21:50:41.220 回答