как получить результат с php-страницы с помощью javascript?

-1

Я пытаюсь получить данные с моей php-страницы с помощью javascript, но кажется, что javascript не работает должным образом. В этом случае, когда нажимаете кнопку отправки, данные должны быть отправлены на страницу действия, но я не хочу чтобы перейти на страницу PHP, и результат в PHP страницах должны быть отображен в intial страницы (в этом у сНа ID: результат)как получить результат с php-страницы с помощью javascript?

вид на странице enter image description here

это моя страница индекса, это только примерный вид

<!DOCTYPE> 
<html> 
<head> 
<title>REGESITER</title> 
<script src="script/jquery-1.11.2.min.js" type="text/javascript"></script> 
<script> 
    $("sub").click(function() { 

     $.post($("#myform").attr("action"), 
     $("#myform :input").serializeArray(), 
     function (data) { 
      $("#res").empty(); 
      $("#res").html(data); 
     }); 

    $("#myform").submit(function() { 
    return false; 
    }); 
});</script> 
</head> 
<body> 



<form id="myform" action="helper.php" method="post"> 

FIRSTNAME:<input type="text" name="txtfname" id="fname"> 
<br><br> 
LASTNAME:<input type="text" name="txtlname" id="lname"> 
<br><br> 
AGE:<input type="text" name="txtage" id="age"> 
<br><br> 
<button id="sub">SUBMIT</button> 


</form> 

<div id="res">Result</div> 
</body> 
</html>

это мой файл PHP, откуда вторит результатом является принес

helper.php

<? 
     $fname=$_POST['txtfname']; 

     $lname=$_POST['txtlname']; 

     $age=$_POST['txtage']; 

    $con=mysql_connect('localhost','root',''); 

    if ($con) 
    { 
     $db=mysql_select_db('register',$con); 
    } 



    if ($db) 
    {  
     $q1=mysql_query("insert into regdb(firstname,lastname,age) values('$fname','$lname','$age')",$con); 

     echo"inserted into database"; 

     } 
     else 
     { 
      echo "error in query"; 
     } 
     ?>

источник

2015-10-26 vyshagh s

полный рабочий HTML код: -

 <!DOCTYPE> 
<html> 
<head> 
<title>REGESITER</title> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script> 
$(document).ready(function() { 
     $("#sub").click(function(event) { 

      $.post('helper.php', 
      $("#myform :input").serializeArray(), 
      function (data) { 
       $("#res").empty(); 
       $("#res").html(data); 
      }); 


    }); 
}); 
     </script> 
</head> 
<body> 



<form id="myform" action="" method="post"> 

FIRSTNAME:<input type="text" name="txtfname" id="fname"> 
<br><br> 
LASTNAME:<input type="text" name="txtlname" id="lname"> 
<br><br> 
AGE:<input type="text" name="txtage" id="age"> 
<br><br> 
<input type="button" id="sub" value="Enter" /> 


</form> 

<div id="res">Result</div> 
</body> 
</html>

источник

2015-10-26 06:44:13

спасибо Gaurav, теперь коды работают отлично. –

отметьте его как правильный ответ, чтобы помочь другим –

как получить результат с php-страницы с помощью javascript?

ответ

Смежные вопросы