以下は、スクリプトタグ内の私のhtmlファイルの頭にあります:
$(document).ready(function(){
$("#Submit").click(function(){
var name = $("#name").val();
$.ajax({
url : "function.php",
type : "POST",
data : {"firstname":name},
success : function(n){
//more code here }
});
});
}
これは HTML フォームです:
<div class="myForm">
<input name="name" id="name" value="name" onfocus="if (this.value == 'Name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Name';}" type="text" />
<input type="button" value="Submit" id="Submit">
</div>
function.php というファイルに保存された私のPHPは次のとおりです。
<?php
$con=mysqli_connect( "test", "", "", "test");
// Check connection
$name = $_POST['firstname'];
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
mysqli_query($con,"INSERT INTO customers (name) VALUES (" + $name + ")");
mysqli_close($con);
?>
関数の呼び出しには時間がかかり、データベースには何も保存されません。JQuery/Ajax は初めてです。ここでのデバッグ オプションは何ですか? 考えられる問題は何ですか?