これはdb2.phpとして保存された私のphpコードです
<?php
mysql_connect("mysql15.000webhost.com","a3189966_root","");
mysql_select_db("a3189966_pd");
$firstName = $_GET[firstName];
echo $firstName;
$q=mysql_query("SELECT * FROM people where first='$firstName'");
while($e=mysql_fetch_assoc($q))
$output[]=$e;
$json = json_encode($output);
echo($json);
mysql_close();
?>
これは、jqueryとjsonをindex2.htmlとして保存した私のhtmlコードです。
$("#myForm").submit(function(){
var postData = $(this).serialize();
$.ajax({
type: "GET",
dataType: "json",
data: $("#myForm").serialize(),
url: "db2.php",
success: function(data){
alert("processing now" + data);
$.each(data,function(i,item){
alert("processing each data now");
$('<li></li>').html(item.first + " " + item.last).appendTo('#data');
});
},
error: function(data){alert("failed"+data);}
});
return false;
});
<form id="myForm" method="GET" action="">
<input type="textbox" name="firstName" id="firstName">
<input type="submit" name="myButton" value="submit">
</form>
<ul id="data">
</ul>
以下のhtmlコードを実行した後、エラーが表示されるだけです。数時間チェックしましたが、このコードが正しく実行されるためのエラーは表示されません。これは、phpから返されるjsonオブジェクトです。
[{"id":"1","first":"wen","last":"hao","age":"123"}]