2013-10-15 3 views
0

Я пытаюсь изучить ajax и следовать сценарию, но он не будет работать. Его просто сценарий для приема 2 пользовательских ввода и отображения их при отправке в div с идентификационной информацией. Ниже приведен код для обоих файлов. Все выглядит хорошо, но я не получаю никаких результатов. Просьба помочь. СпасибоAjax Script не запускается .. (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

Put идентификатор элемента, как таким образом:

Снимите:

<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/> 
Смежные вопросы