ȸ¿ø°¡ÀԡžÆÀ̵ð/ºñ¹øã±â
ȨÀ¸·Î

[jQuery.$ajax]mysql + php ¼­¹ö¿¡¼­ json µ¥ÀÌÅÍ ¾ò¾î¿À±â
7³â Àü
webapp, hybrid ÇÁ·ÎÁ§Æ®¿¡ ÀÖ¾î °¡Àå ¸¹ÀÌ ¾²ÀÌ´Â ±â¹ýÀε¥ ¸¹Àº ÀÚ·á°¡ ¾ø´Â µí ÇØ, ±âº»ÀûÀÎ ¿¹Á¦¸¦ ÅëÇØ ¹æ¹ýÀ» ÀÍÈú ¼ö ÀÖµµ·Ï Æ÷½ºÆÃÇÑ´Ù.
´Ù¾çÇÑ ¹æ¹ýÀ» ÅëÇØ dbÀÇ ÀڷḦ jsonÇü½ÄÀ¸·Î ¾òÀ» ¼ö ÀÖ°ÙÁö¸¸, °¡Àå ½±°Ô ±¸ÇöÇÒ ¼ö ÀÖ´Â PHP JSON ¶óÀ̺귯¸®¸¦ È°¿ëÇÑ ¹æ¹ýÀ» ¼Ò°³ÇÑ´Ù.

PHP JSON ¶óÀ̺귯¸®´Â http://pear.php.net/package/Services_JSON/download/ ¿¡¼­ ´Ù¿î·Îµå °¡´ÉÇÏ´Ù. ´Ù¿î·ÎµåÇÑ ¶óÀ̺귯¸®(JSON.php)´Â JSONµ¥ÀÌÅ͸¦ ³»·ÁÁÙ ¼­¹ö¿¡ µî·ÏÇÏ°í, ÄÚµå ÀÛ¼ºÀ» ½ÃÀÛÇÏ°Ú´Ù.

<?php
    require('JSON.php'); // ¼­¹ö¿¡ µî·ÏÇÑ ¶óÀ̺귯¸®

    try{
        $connection = mysql_connect("localhost","¾ÆÀ̵ð","ºñ¹Ð¹øÈ£") or die ("Could not connect: " . mysql_error());
        mysql_query("SET NAMES utf8", $connection);
        mysql_select_db("DB¸í", $connection);

        $sql = "SELECT * FROM Å×À̺í";
        $sth = mysql_query($sql) or die ("Could not connect: " . mysql_error());

        //JSON°´Ã¼»ý¼º
        $json = new Services_JSON();

        $rows = array();
        while($r = mysql_fetch_assoc($sth)){
            $rows[] = $r;
        }

        $output = $json->encode($rows);
        echo $output;

        mysql_close($connection);
    }catch(Exception $e){
        //·Î±× ±â·Ï
        echo $e->getMessage();
    }
?>

ÀÌÁ¦ ¼­¹ö¿¡¼­ JSON µ¥ÀÌÅ͸¦ ³»·ÁÁÙ Áغñ´Â ³¡³µ´Ù.
´ÙÀ½À¸·Î ¼­¹ö¿¡ JSON µ¥ÀÌÅ͸¦ ¿äûÇÏ°í ¹ÞÀº °á°ú¸¦ »Ñ·ÁÁÖ´Â È­¸é ¿µ¿ª ÄÚµå ÀÛ¼ºÀ» Çغ¸ÀÚ.



<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>jsonµ¥ÀÌÅÍ »ç¿ëÇϱâ</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<div id="bodySwrap">

</div><!-- //bodySwrap -->
<script>
    $.ajax({
        type:'POST',
        url:'ÀÛ¼ºÇÑ ¼­¹ö URL',
        dataType:'json',
        timeout: 10000,
        success: function(data){
            alert(data[0].subject);
            alert(data.length);
        },
        error: function(request, textStatus, errorThrown){
            //¿¡·¯³»¿ëÈ®ÀÎ
            alert('error: ' + textStatus);
        },
    });
</script>
</body>
</html>


À§¿Í °°ÀÌ ÀÛ¼ºÀÌ µÇ¾ú´Ù¸é, ºê¶ó¿ìÀú¿¡¼­ È­¸éÀ» ¿­¾îº¸ÀÚ.
È­¸éÀ» ½ÇÇàÇϸé, DB¿¡¼­ Ãâ·ÂµÈ JSONÀÇ Ã¹¹ø° µ¥ÀÌÅÍÀÇ subjectÇʵå Æ˾÷ Ãâ·Â ÈÄ JSONµ¥ÀÌÅÍÀÇ ±æÀÌ Æ˾÷ÀÌ Ãâ·ÂµÉ °ÍÀÌ´Ù.

À§¿Í °°Àº ±âº» ±¸Á¶¸¦ È°¿ëÇÏ¿©, ´Ù¾çÇÑ ¹æ½ÄÀ¸·Î ±¸Çö °¡´ÉÇÒ °ÍÀÌ´Ù.
ÃßõÃßõ : 266 Ãßõ ¸ñ·Ï
¹øÈ£ Á¦¸ñ
425
MySQL Áߺ¹µÈ µ¥ÀÌÅ͸¦ »èÁ¦
424
MySQL Áߺ¹ µ¥ÀÌÅÍ È®ÀÎ
423
¾ÆÀÌÇÁ·¹ÀÓ(iframe) Àüüȭ¸é °¡´ÉÇÏ°Ô Çϱâ
422
ºÎÆ®½ºÆ®·¦(bootstrapk)¿¡¼­ »ç¿ëÇÏ´Â class¸í Á¤¸®
421
ºÎÆ®½ºÆ®·¦ CSS
420
Å©·Ò¿¡¼­ ¸¶Áø Á¶Àý
419
À¥ÆäÀÌÁö °¡·Î ¸ðµå¼¼·Î ¸ðµå ÀνÄÇϱâ
418
¸ð¹ÙÀÏ À¥ È­¸é °­Á¦ ȸÀü(°¡·Î¸ðµå °íÁ¤)
417
[CSS] ¹Ú½º ¼¼·Î °¡¿îµ¥ Áß¾Ó Á¤·Ä 6°¡Áö
416
CSS Layout ¼öÆò & ¼öÁ÷ Á¤·Ä
415
[JQuery] textbox focus on offÀ϶§ ¼ýÀÚ ÄÞ¸¶ º¸¿©ÁÖ±â
414
[HTML5] <video> - DOMÀ¸·Î Á¦¾îÇϱâ
413
HTML5 video ű׿¡¼­ ¿µ»ó Á¿ì¹ÝÀü
412
ÅؽºÆ® ÁٹٲÞ, ±ÛÀÚÀÚ¸£±â CSS
411
jQuery Mobile¿¡¼­ À¯¿ëÇÑ ÄÚµå 10°¡Áö.
410
jQuery Mobile¿¡¼­ À¯¿ëÇÑ ÄÚµå 10°¡Áö.
409
[jQuery]¹öÆ° È°¼ºÈ­, ºñÈ°¼ºÈ­
408
jQuery show() / hide() / toggle() »ç¿ë¹ý
407
jquery ¿©·¯°¡Áö À̺¥Æ®
406
³×À̹ö ¿ÀÇÂAPI À½¼ºÇÕ¼º API »ç¿ëÇÏ´Â PHP »ùÇÃÄÚµå
405
[CSS] - Input clear `X ` ¹öÆ° Á¦°Å ( IE, Chrome, Firefox )
404
[Mobile] - ¸ð¹ÙÀÏÀ¥ Href ű׼Ӽºµé
403
jQuery ¿À¸¥ÂÊ ¿µ¿ªÀÇ ³ôÀ̸¦ ¿ÞÂÊ ¿µ¿ªÀÇ ³ôÀÌ¿Í µ¿ÀÏÇÏ°Ô Çϱâ
402
jquery¿¡¼­ Å×ÀÌºí¿¡ ¸¶¿ì½º ¿À¹ö½Ã ÇØ´ç ÇàÀÇ ¹è°æ»ö»ó º¯°æÇϱâ
401
jquery ½ºÅ©¸³Æ®³» ƯÁ¤°ª È®ÀÎÇϱâ (µð¹ö±ë)
400
jquery cookie (jquery.cookie.js)
399
jquery ´Ù¸¥¹öÀü Ãß°¡ »ç¿ë½Ã Ãæµ¹ ¹æÁö (Ä«Æä24 ½º¸¶Æ®µðÀÚÀÎ ±âº»³»Àå jquery 1.4.4 ¹öÀü°ú Ãæµ¹½Ã ÇØ°á¹æ¹ý)
398
[jQuery] animate()¿¡¼­ stop()ÀÇ Á߿伺
397
javascript audioÆÄÀÏ Àç»ý
[jQuery.$ajax]mysql + php ¼­¹ö¿¡¼­ json µ¥ÀÌÅÍ ¾ò¾î¿À±â
¸ñ·Ï
¹ÂÁ÷Æ®·ÎÆ® ºÎ»ê±¤¿ª½Ã ºÎ»êÁø±¸ °¡¾ßµ¿ ¤Ó °³ÀÎÁ¤º¸Ãë±Þ¹æħ
Copyright ¨Ï musictrot All rights reserved.