1

fname、lname、ageの3つの値を持つhtmlフォームがあります。サーバー側のphpファイルで送信してデータベースに挿入したい。

私のhtmlフォームは次のようなものです：

<html>
<head>
<script>
function insert(fname,lname,age)
{

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("GET","ajax_db_php.php?fname=fname&lname=lname&age=age",true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
<table>

<tr><td>First Name : </td><td> <input type="text" fname="fname"/> </td> </tr>
<tr><td>Last Name : </td><td> <input type="text" fname="lname"/> </td> </tr>
<tr><td>City : </td><td> <input type="text" fname="age"/> </td> </tr>

<input type="submit" onclick="insert(fname,lname,age)">

</table>
</form>
</body>
</html>

私は ajax を使用しているので、ページ全体をロードするべきではありませんが、送信ボタンをクリックするとページ全体がロードされます。なぜ？値を受け取ってデータベースに挿入するphpページは次のとおりです。

<html>
<body>

<?php

$fname=$_GET['fname'];
$lname=$_GET['lname'];
$age=$_GET['age'];

//echo "firstname : " $fname;

$con=mysqli_connect('127.0.0.1:3306' ,'root','root','my_db');
if (mysqli_connect_errno())
  {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
  }


$sql="INSERT INTO table1 (fname, lname, age)
VALUES
('$_POST[fname]','$_POST[lname]','$_POST[age]')";

$result=mysql_query($sql);

if (!mysqli_query($con,$sql))
  {
  die('Error: ' . mysqli_error($con));
  }
echo "1 record added";
mysqli_close($con);


?>

</body>
</html>

送信ボタンをクリックすると、データベースにも何も表示されず、エラーも更新も表示されません。

4

2 に答える 2

1

$fnameと$lnameを正しく設定$ageしましたが、存在しない変数を使用する代わりに、それらを使用することは$_POSTありません。

それ以外の ('$_POST[fname]','$_POST[lname]','$_POST[age]')";

$_GETたとえば、変数を使用する必要があります

('$fname','$lname','$age')";

また、文字列をデータベースに追加するときに文字列をエスケープすることをお勧めします。考えられる解決策の 1 つは、プリペアド ステートメントです。

于 2013-06-16T13:51:16.993 に答える
0

ニコラが言ったように変更し、HTML を変更します

input type="submit"

に

input type="button"

これにより、ページがリロードされません。次に、PHP から以下のタグを削除します

<html>
<body>
</html>
</body>

jQuery を使用して ajax 呼び出しを行うことをお勧めします。

ajax の使用方法とシリアライズ方法を更新します。

これはtest.phpです

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js" ></script>
<script>
$(document).ready(function(){
    $("form").on('submit',function(event){
    event.preventDefault();
        alert("Hello");
        data = $(this).serialize();

        $.ajax({
        type: "GET",
        url: "test2.php",
        data: data
        }).done(function( msg ) {
        alert( "Data Saved: " + msg );
        });
    });
});
</script>
</head>
<body>
<form>
<table>

<tr><td>First Name : </td><td> <input type="text" name="fname"/> </td> </tr>
<tr><td>Last Name : </td><td> <input type="text" name="lname"/> </td> </tr>
<tr><td>City : </td><td> <input type="text" name="age"/> </td> </tr>

<input type="submit" value="Submit" />

</table>
</form>
</body>
</html>

これはtest2.phpです

<?php
if($_GET)
{
$fname=$_GET['fname'];
$lname=$_GET['lname'];
$age=$_GET['age'];

echo "firstname : ".$fname;
}
?>
于 2013-06-16T13:55:59.043 に答える