Ajax 脚本无法运行.(AJAX+PHP） - Ajax Script wont run .. (AJAX+PHP)

Ajax Script wont run .. (AJAX+PHP)

本文关键字：AJAX+PHP 运行脚本 Ajax | 更新日期: 2023-09-27

我正在尝试学习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'];
?>

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