ajax 및 php와 함께 작동하는 클릭 기능을 얻을 수 없습니다

그래서 여기 코드가 있습니다. 데이터베이스에서 정상적으로 쿼리하고 맨 위에 json 형식의 결과를 표시 할 수 있습니다. 이제 페이지에서 버튼을 클릭 할 때 클릭 기능을 사용하여 다시 표시하려고합니다. 그것을 작동시킬 수 없습니다. 하프!ajax 및 php와 함께 작동하는 클릭 기능을 얻을 수 없습니다

<?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>

출처

2014-06-16 Egahtrac

같은 코드를 수정 getJSON

사용해보십시오. – shmosel

@shmosel은 var id = data [0];을 사용하지 않았습니다. 등등 ... – Egahtrac

'$ (document) .on ('click', '#btn', function (e) {do ajax here}); ' – Darren

클릭하면 제대로 작동하는지 확인하려면 브라우저 콘솔을 확인하십시오. 그리고 오른쪽 페이지 에 요청을 보내고 있지만 코드가 변경되기 전에.

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

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

출처

2014-06-16 00:36:25 bubunyo

이것은 실제로 아무 것도하지 않았습니다 .. 나는 다른 것들을 놓치고 있어야합니다. 실제로 내 웹 콘솔은 e.preventdefault()가 함수가 아니라고 말했습니다. – Egahtrac

jquery가 올바르게로드 된 경우 콘솔을 확인하십시오. – bubunyo

에 나는 당신은 자바 스크립트 변수에 JSON을 저장하기 위해 필요한이

$(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); 
     }); 
     }); 
    }); 
});

출처

2014-06-16 00:55:51

이 코드를 사용했지만 아직 아무것도 사용하지 않았습니다. 'json.json'이 404를 찾지 못하기 때문에 교체해야했습니다. 나는 그것을 api.php – Egahtrac

와 바꾸 었습니다. 죄송합니다. 방금 교체했습니다. json.json은 내가 컴퓨터에서 한 테스트였습니다. 내 업데이트로 코드를 사용했고 내 컴퓨터에서 작동했습니다. 어떤 오류가 있습니까? 사용중인 json 형식을 공유 할 수 있습니까? –

ajax 및 php와 함께 작동하는 클릭 기능을 얻을 수 없습니다

답변

관련 문제