Question

我试图学习ajax，以下是脚本，但它不会运行。它的只是一个接受2个用户输入的脚本，并在提交时显示它们在具有ID信息的div中以下是两个文件的代码。一切看起来很好但我没有得到任何结果请帮助。谢谢

1.PHP

<html>
<head>
<script type="text/javascript">
function makeRequestObject(){
var xmlhttp=false;
try{
    xmlhttp =  new ActiveXObject('Msxml2.XMLHTTP');
}
catch(e){
    try{
        xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');                        
        } catch(E){
        xmlhttp = false;
        }               
}
if(!xmlhttp && typeof XMLHttpRequest!='undefined')
{
    xmlhttp = new XMLHttpRequest();
}
    return xmlhttp;                 
}

function showdata(){
var xmlhttp = makeRequestObject();
user=document.getElementById('user_name').value;
email=document.getElementById('email_id').value;

var file='2.php?username=';
xmlhttp.open('GET',file+user+'&emailid='+email,true);

xmlhttp.onreadystatechange=function(){
        if(xmlhttp.readyState==4 && xmlhttp.status==200){
                var content = xmlhttp.responseText;
                if(content){
                    document.getElementById('info').innerHTML=content;
                    }                   
            }           
    }
    xmlhttp.send();         
}

</script>
</head>
<body>
    <label>Name:</label><input type="text" name="user_name" /> <br/>
    <label>Email:</label><input type="text" name="email_id" /> <br/>
    <input type="button" onclick="showdata()" value="Submit" />
    <div id="info"></div>
</body>
</html>

2.PHP

<?php 
echo "Welcome ".$_GET['username']." to our Shopping Mall <br/>";
echo "Your email id is ".$_GET['emailid'];
?>

Answer 1

像这样放置元素的id：

卸下：

<label>Name:</label><input type="text" name="user_name" /> <br/>
<label>Email:</label><input type="text" name="email_id" /> <br/>

添加：

<label>Name:</label><input type="text" name="user_name" id="user_name" /> <br/>
<label>Email:</label><input type="text" name="email_id" id="email_id" /> <br/>

Ajax脚本不会运行..（AJAX + PHP）

1 个答案: