如何從php頁面使用javascript獲取結果？

-1

我想要的是從我的PHP頁面使用JavaScript獲取數據，但似乎JavaScript不能正常工作。在這個時候點擊我的提交按鈕數據應發送到操作頁面，但我不想要去到PHP頁面，結果在PHP頁面應該在INTIAL頁面（在DIV ID在此：結果）顯示的頁面 enter image description here 如何從php頁面使用javascript獲取結果？

這是我的索引頁的

看來，這是隻是示例視圖

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

感謝拉夫，現在的代碼工作正常，感謝很多。 –

請標記爲幫助他人的正確答案 –

如何從php頁面使用javascript獲取結果？

回答

相關問題