php - Ajax 脚本不会运行.. (AJAX+PHP)

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'];
?>

score 1 · Accepted Answer

像这样放置元素的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/>

php - Ajax 脚本不会运行.. (AJAX+PHP)

1 回答 1

Related

Reference