这是我的HTML:
<html>
<body>
<button type="submit" id="search" class="btn btnprimary">GENERATE</button>
<div id="con">"Hello!"</div>
</body>
</html>
和ajax函数是:
<script type="text/javascript">
$("#search").click(function(){
$.ajax({
type:"POST",
url:"exhibitor_creator.php",
data:data,
dataType:"json",
var id=data[0];
var name=data[1];
var mail=data[2];
var pwd=data[3];
$('#con').html("<b>id: </b>"+id+"<b> Name: </b>"+name+"<b> Mail Id:
</b>"+mail+"<b> Password: </b>"+pwd);
});
});
</script>
我的php是:
<?php
$con=mysqli_connect("localhost","root","","sample");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$query = "select * from add_exhibitor";
$result = mysqli_query($con,$query);
$rows = array();
while($r = mysqli_fetch_array($result)) {
$rows[] = $r;
}
echo json_encode($rows);
mysqli_close($con)
?>
我正在尝试使用php,ajax和json在html页面中显示mysql数据。
首先在html页面中,当我单击生成按钮时,我需要显示已插入add_exhibitor
表中的数据。我从php中的add_exhibitor
表中检索了数据,我也对数据进行了编码。我还在html页面中编写了一个ajax函数来显示php页面中的数据。但它不起作用。请告诉我如何解决这个问题
答案 0 :(得分:0)
试试这段代码php:
fontWithSize
工作?
答案 1 :(得分:0)
尝试使用代码底部的标题函数:
&#xA;&#xA; 标题(“Content-type:application / json”);&#xA ; echo json_encode($ rows);&#xA; exit();&#xA;
&#xA;
答案 2 :(得分:0)
你需要像“onclick”这样的EventHandler,这样当点击按钮时它会调用AJAX。
答案 3 :(得分:0)
我希望,您的php文件可能会像这样给出json结果
[{"id":"1", "name":"xxxx", "mail":"xxxx@yyy.com", "pwd":"123@#$ABC"}]
请尝试这些代码
<强> file_name.html 强>
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>"></script>
<script src="myScript.js"></script>
</head>
<body>
<button id="search" class="btn btnprimary" onclick="result()">GENERATE</button>
<div id="con"><p>"Hello!"</p></div>
</body>
</html>
<强> myScript.js 强>
<script type="text/javascript">
function result(){
var len = $("#con p").length;
$.get(
'exhibitor_creator.php',
function(data){
if ( len == 1 ) {
$.each(data, function(key, value){
$( "#con" ).append("<p><b>ID: </b>" + data[key].id + "<b> Name: </b>" + data[key].name + "<b> Mail: </b>" + data[key].mail + "<b> Password: </b>" + data[key].pwd) + "</p>";
})
}
},
'json'
);
}
</script>