복붙노트

[JQUERY] JQuery와 Ajax를 사용하여 MySQL의에서 데이터를 검색하는

JQUERY

JQuery와 Ajax를 사용하여 MySQL의에서 데이터를 검색하는

해결법

  1. 1.아약스 + jQuery를 사용하여 데이터를 검색하는 경우, 다음과 같은 코드를 작성해야한다 :

    아약스 + jQuery를 사용하여 데이터를 검색하는 경우, 다음과 같은 코드를 작성해야한다 :

     <html>
 <script type="text/javascript" src="jquery-1.3.2.js"> </script>

 <script type="text/javascript">

 $(document).ready(function() {

    $("#display").click(function() {                

      $.ajax({    //create an ajax request to display.php
        type: "GET",
        url: "display.php",             
        dataType: "html",   //expect html to be returned                
        success: function(response){                    
            $("#responsecontainer").html(response); 
            //alert(response);
        }

    });
});
});

</script>

<body>
<h3 align="center">Manage Student Details</h3>
<table border="1" align="center">
   <tr>
       <td> <input type="button" id="display" value="Display All Data" /> </td>
   </tr>
</table>
<div id="responsecontainer" align="center">

</div>
</body>
</html>

    mysqli 연결의 경우,이 쓰기 :

    <?php 
$con=mysqli_connect("localhost","root","");

    데이터베이스에서 데이터를 표시하는 경우, 당신은이를 작성해야합니다 :

    <?php
include("connection.php");
mysqli_select_db("samples",$con);
$result=mysqli_query("select * from student",$con);

echo "<table border='1' >
<tr>
<td align=center> <b>Roll No</b></td>
<td align=center><b>Name</b></td>
<td align=center><b>Address</b></td>
<td align=center><b>Stream</b></td></td>
<td align=center><b>Status</b></td>";

while($data = mysqli_fetch_row($result))
{   
    echo "<tr>";
    echo "<td align=center>$data[0]</td>";
    echo "<td align=center>$data[1]</td>";
    echo "<td align=center>$data[2]</td>";
    echo "<td align=center>$data[3]</td>";
    echo "<td align=center>$data[4]</td>";
    echo "</tr>";
}
echo "</table>";
?>

  2. 2.당신은 아약스 반환 값을 반환 할 수 없습니다. 당신은 반환 후 전역 변수 저장소 당신의 반환 값을 저장. 또는 이와 같은 통해 UR 코드를 변경합니다.

    당신은 아약스 반환 값을 반환 할 수 없습니다. 당신은 반환 후 전역 변수 저장소 당신의 반환 값을 저장. 또는 이와 같은 통해 UR 코드를 변경합니다.

    AjaxGet = function (url) {
    var result = $.ajax({
        type: "POST",
        url: url,
       param: '{}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
       async: false,
        success: function (data) {
            // nothing needed here
      }
    }) .responseText ;
    return  result;
}

  3. 3.반드시 당신의 $ 행 [1], $ 행 [2] 올바른 값을 포함, 우리는 1 = 이름, 여기이 당신의 주소 필드라고 가정하자 않는 확인하십시오?

    반드시 당신의 $ 행 [1], $ 행 [2] 올바른 값을 포함, 우리는 1 = 이름, 여기이 당신의 주소 필드라고 가정하자 않는 확인하십시오?

    당신은 같은 것을 할 수 있습니다, 당신은 제대로 Records.php에서 기록을 인출 한 가정 :

    $(document).ready(function()
{
    $('#getRecords').click(function()
    {
        var response = '';
        $.ajax({ type: 'POST',   
                 url: "Records.php",   
                 async: false,
                 success : function(text){
                               $('#table1').html(text);
                           }
           });
    });

}

    당신의 HTML에서

    <table id="table1"> 
    //Let jQuery AJAX Change This Text  
</table>
<button id='getRecords'>Get Records</button>

    약간의주의 사항 :

    * mysql_로부터 learing PDO http://php.net/manual/en/class.pdo.php을 시도 기능은 더 이상 권장하지 않습니다 ..

  4. 4.

    $(document).ready(function(){
    var response = '';
    $.ajax({ type: "GET",   
         url: "Records.php",   
         async: false,
         success : function(text)
         {
             response = text;
         }
    });

    alert(response);
});

    될 필요가있다:

    $(document).ready(function(){

     $.ajax({ type: "GET",   
         url: "Records.php",   
         async: false,
         success : function(text)
         {
             alert(text);
         }
    });

});

    5. from https://stackoverflow.com/questions/16707648/using-jquery-ajax-to-retrieve-data-from-mysql by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 양식에 방지 기본은 jQuery를 제출  (0) 2020.10.10
[JQUERY] 미래 요소 jQuery를 CSTE 연구진 함수가 사용되지 .live 같이 중복]  (0) 2020.10.10
[JQUERY] 크로스 도메인 호출에 IE에서 실패 아약스 JQuery와 $  (0) 2020.10.10
[JQUERY] ) ($ 아약스에 AJAX 요청 배열을 합격 [중복]  (0) 2020.10.10
[JQUERY] 구문 분석 JSON은 HTML 테이블에 대한 객체  (0) 2020.10.10
,

티스토리툴바