如何使用javascript从PHP页面获取结果

how to fetch a result from php page using javascript?

本文关键字：获取 结果 PHP 何使用 javascript      更新时间：2023-09-26

我正在尝试的是使用javascript从我的PHP页面获取数据，但似乎javascript不能正常工作。在这个时候，点击我的提交按钮的数据应该被发送到动作页面，但我不想去PHP页面和结果在PHP页面应该显示在初始页面(在这个div id:result)

页面的

视图输入图片描述

这是我的索引页，这只是一个例子view

register.html 

    <!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";
      }
      ?>

完整的工作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>
相关文章：