使用php ajax和json在html中显示mysql数据时出错

时间:2015-08-22 12:49:17

标签: php ajax json

这是我的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页面中的数据。但它不起作用。请告诉我如何解决这个问题

4 个答案:

答案 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:&nbsp;</b>" + data[key].id + "<b>&nbsp;Name:&nbsp;</b>" + data[key].name + "<b>&nbsp;Mail:&nbsp;</b>" + data[key].mail + "<b>&nbsp;Password:&nbsp;</b>" + data[key].pwd) + "</p>";
                })
            }
        },
        'json'
    );  
    }   
    </script>