2013-10-15 85 views
0

我試圖學習ajax和以下是腳本,但它不會運行。它的 只是一個腳本,接受2個用戶輸入,並在提交 時將其顯示在帶有ID信息的div中。以下是兩個文件的代碼。一切 看起來不錯,但我沒有得到任何結果請幫助。謝謝Ajax腳本不會運行..(AJAX + PHP)

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

定義'一切看起來都很好,但我沒有得到任何results' – asprin

+0

另外,我強烈建議使用jQuery或能夠做AJAX的另一個現代圖書館,除非你有非常不好的理由。 –

+0

您正在使用'getElementById'並且不在輸入類型中提供任何'id' –

回答

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/>