无法获得单击功能以使用Ajax和php

Question

所以这是代码。 我可以从数据库进行查询，并在顶部回显json格式的结果。 现在，稍后在页面上，我想使用单击功能在单击按钮时再次显示它们。 无法正常工作。 HALP！

<?php
require_once ('mysqli_connect.php');

$q = "SELECT * FROM variables;";
$r = mysqli_query($dbc, $q);         
$array = mysqli_fetch_row($r);                              


  echo json_encode($array);

    ?>
    <html>
  <head>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  </head>
  <body>

      <h2> Client example </h2>
     <h3>Output: </h3>
  <form action="api.php" method="post">
    <p><input type="button" name="calc" id="btn" value="Display" /></p>
  </form>

  <div id="output">this element will be accessed by jquery and this text replaced</div>

  <script id="source" language="javascript" type="text/javascript">
    $(document).ready(function() {
   $("#btn").click(
        function() { 

    $.ajax({                                      
  url: 'api.php',                            
  data: "",                        

  dataType: 'json',                   
  success: function(data)        
  {
    var id = data[0];             
    var vname = data[1];          

    $('#output').html("<b>id: </b>"+id+"<b> name: </b>"+vname); 

  } 
});
  });
});

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

Answer 1

检查您的浏览器控制台，以了解这些点击是否有效。 以及他们是否将请求发送到了正确的页面，但在此之前更改了您的代码。

...
$(document).ready(function() {
$("#btn").click(
    function() { 
...

至

....
$(document).ready(function(e) {
e.preventdefault();
$("#btn").click(
    function() {

Answer 2

尝试使用getJSON

我这样修改了您的代码

$(document).ready(function() {
    $("#btn").click(function() {

        $.getJSON( 'api.php')
        .done(function( data ) {
        $.each( data, function( key, val) { 
            $('#output').html("<b>id: </b>"+val.id+"<b> name: </b>"+val.vname); 
        });
        });
    });
});

无法获得单击功能以使用Ajax和php

问题描述

2 个解决方案

解决方案1
0 2014-06-16 00:36:25

解决方案2
0 2014-06-16 00:55:51

无法获得单击功能以使用Ajax和php

问题描述

2 个解决方案

解决方案1 0 2014-06-16 00:36:25

解决方案2 0 2014-06-16 00:55:51

解决方案1
0 2014-06-16 00:36:25

解决方案2
0 2014-06-16 00:55:51