ÇÁ·Î±×·¡¹Ö Ãʺ¸ javascript Áú¹® µå¸³´Ï´Ù.

   Á¶È¸ 5288   Ãßõ 0    

 뭐 하나 .. 만들어 보고 싶어서. 해보고 있는데 .. 역시 기초가 없으니 .. 처음부터 막히네요 .. 뭐가 뭔지도 모르겠구요 .. 

다름이 아니라 .. 자바 스크립트 쪽에서 

var dataObject = <?= json_encode($tasks) ?>;
var menuObject = <?= json_encode($menus) ?>;

$('#example').DataTable({
    data:dataObject,
    columns: [

  { data: "od_r_dest_addr" ,title: menuObject['kor']},
],


대략 이런 식입니다.. title 란에 json 으로 가저온 데이터의 값을 넣어야 하는데 .. 저런식으로 넣으면 

json 의 데이터값이 들어가는게 아니라 .. 

클라이언트 상에 { data: "od_r_dest_addr" ,title: menuObject['kor']}, 이런식으로 입력값 그대로 들어갑니다.. 변수의 값이 들어가야 하는데요 

{} 나 {% %} 이런걸로 감싸봐도 오류가 납니다... 위 소스에서 menuObject['kor'] 에 변수가 가지고 있는 값을 넣으려면 어떤식으로 

해야 하는지 알고 싶습니다. 

ªÀº±Û Àϼö·Ï ½ÅÁßÇÏ°Ô.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

https://msdn.microsoft.com/ko-kr/library/cc836466(v=vs.94).aspx

À§ ¸µÅ©¸¦ È®ÀÎÇØ º¸¼¼¿ä.
json µ¥ÀÌŸ´Â ¹®ÀÚ¿­ °ªÀ»·Î ÀνÄÀ» ÇÕ´Ï´Ù.
json µ¥ÀÌŸÀÇ formatÀº key:value ÀÔ´Ï´Ù.value¿¡´Â ¹®ÀÚ¿­ÀÌ µé¾î°¥¼öµµ, array °¡ µé¾î °¥¼öµµ ÀÖ½À´Ï´Ù.
     
±èÁ¦¿¬ 2016-10
ÀÚ¹Ù½ºÅ©¸³Æ® µð¹ö±ëÀ¸·Î menuObject['kor'] ¸¦ È®ÀÎÇغ¸¸é..
°ªÀÌ µé¾îÀÖ´Â°Ç È®ÀÎ Çß½À´Ï´Ù..
±× °ªÀÌ ¾Æ·¡ÂÊ¿¡ .. µé¾î°¡¾ß Çϴµ¥ º¯¼ö¸í ±×´ë·Î ½ºÅ©¸³Æ®¿¡ µé¾î°¡¼­ ¹®Á¦°¡ µÇ°í ÀÖ½À´Ï´Ù.
Áú¹® ¿Ã¸®½Å ³»¿ëÀ» º¸³» jquery¸¦ »ç¿ëÇÑ°ÍÀ¸·Î º¸¿©Áö³»¿ä

https://www.google.co.kr/search?q=jquery+json+parse&ie=utf-8&oe=utf-8&client=firefox-b&gfe_rd=cr&ei=5uzzV7XDO9PU8Afd7IGoDA

http://api.jquery.com/jquery.parsejson/

À§ ¸µÅ©·Î È®ÀÎ Çغ¸½Ã±æ ¹Ù¶ø´Ï´Ù ^^
jquery´Â ¾Æ·¡ ¸µÅ©¿¡¼­ Âü°í ÇÒ ¼ö ÀÖÀ»°Ì´Ï´Ù.
     
Çϳª·ë 2016-10
ÇÁ·Î±×·¥µµ ¼­¹ö¸¦ ÀÌ¿ëÇϳª¿ä?
          
À§ Áú¹®ÀÇ Àǵµ¸¦ Àß ÀÌÇظøÇÏ°Ú½À´Ï´Ù.

ù¹ø° Áú¹®¿¡¼­

var dataObject = <?= json_encode($tasks) ?>;
var menuObject = <?= json_encode($menus) ?>;

ÀÌ·¸°Ô »ç¿ëÇϽŠ°É·Î º¸¾Æ¼­ php ÀÎµí ½ÍÀºµ¥(Á¤È®ÇÏÁø ¾Ê½À´Ï´Ù.) ¼­¹ö¿¡¼­ ¹ÞÀº json °ªÀ», Ŭ¶óÀ̾ðÆ®ÀÎ ºê¶ó¿ìÁ®¿¡¼­ ºñµ¿±â·Î °¡Á®¿Í ÆÄ½Ì ÈÄ id °¡ title ÀÎ attribue¿¡Ãâ·ÂµÇ°Ô ÇϽô °Í °°¾Æ º¸À̴µ¥¿ä. À¥ ÇÁ·Î±×·¥¿¡¼­ µ¥ÀÌÅÍ µ¿Àû¹ÙÀεùÀº ¼­¹ö¿Í Ŭ¶óÀ̾ðÆ®ÀÎ ºê·¯¿ìÀúÀÇ Åë½ÅÀ¸·Î ±¸ÇöÇÏ°ï ÇÕ´Ï´Ù.
               
±èÁ¦¿¬ 2016-10
³× php ¸Â½À´Ï´Ù.. ajax ·Î µ¿ÀûÀ¸·Î °¡Á®¿À°Ô ÇÁ·Î±×·¡¹Ö ÇÏ¸é ½¬¿îµ¥ Áö±Ý ÇÏ´Â°Ç post ·Î $menu°ªÀ» ¹Þ¾Æ¼­ javascript ·Î Å×ÀÌºí¿¡ º¸¿©ÁÙ¶§
»ç¿ëÀÚ¸¶´Ù ¿øÇÏ´Â ¸Þ´º ¼ø¼­µéÀÌ Æ²·Á¼­ ±× ¼ø¼­¸¦ µ¿ÀûÀ¸·Î ¼¯¾î¼­ º¸¿©Áà¾ß Çؼ­¿ä..

ajax ³ª $menu ¸¦ post¸¦ ¹Þ±â Àü ó¸®ÇÏ°í ¹ÞÀ¸¸é µÇ±ä Çϴµ¥.. ÇöÀç»óȲ¿¡¼­´Â post·Î ¹Þ°í À־¿ä.ÀÏ´Ü Å×½ºÆ®¸¦ Çغ¸·Á°í Çϴµ¥ .. º¯¼ö°ªÀÌ ¾È³ª¿À°í
º¯¼ö¸íÀÌ ±×´ë·Î ÀÚ¹Ù½ºÅ©¸³Æ®·Î µé¾î°¡¼­ ¹®Á¦ÀÔ´Ï´Ù. ¤Ì¤Ì
$('#example').DataTable({
    data:dataObject,
    columns: [

  { data: "od_r_dest_addr" ,title: menuObject['kor']},
],

ÀÌ ºÎºÐÀ» º¸´Ï https://datatables.net/examples/ajax/simple.html ÀÌ ¸µÅ©ÀÇ ¿¹Á¦¿Í À¯»çÇϱº¿ä.
     
±èÁ¦¿¬ 2016-10
datatables »ç¿ëÇÏ´Â°Í ¸Â½À´Ï´Ù..
ajax´ø post °ªÀÌ´ø Ãâ·Â ÇØÁÖ´Â°Ç »ó°ü¾øÀÌ Àß µÇ°í ÀÖ½À´Ï´Ù.

Ä÷³ ÆøÀ̳ª Ä÷³ ŸÀÌƲÀ» ¹Ù²Ù·Á´Âµ¥ ¸·Çô°¡Áö°í¿ä ¤Ì¤Ì.
DDAYs 2016-10
¿ì¼± php ¿¡¼­ ³Ñ¾î¿Â $menus °ªÀÌ Á¤»óÀûÀ¸·Î ¹è¿­·¯ ³Ñ¾î¿À´ÂÁö È®ÀÎ ÇÏ¼Å¾ß ÇÏ°í
°ªÀÌ Á¤»óÀûÀ̸é title: menuObject.kor
·Î ¹Ù²ã º¸¼¼¿ä..
     
±èÁ¦¿¬ 2016-10
¹è¿­Àº Á¤»ó ÀûÀ¸·Î ³Ñ¾î¿Ô½À´Ï´Ù..
¸»¾¸ÇϽŵ¥·Î title: menuObject.kor ·Î Çصµ html »ó¿¡¼­

{ data: "od_r_dest_addr" ,title: menuObject.kor},

ÀÌ·¸°Ô ÀÔ·ÂÀÌ µÇ³×¿ä ..
±èÁ¦¿¬ 2016-10
Á¦°¡ ¿øÇÏ´Â°Ç menuObject['kor'] = "¼ö·ÉÀÚÁÖ¼Ò"
¶ó°í Çϸé
{ data: "od_r_dest_addr" ,title: "¼ö·ÉÀÚÁÖ¼Ò"}

ÀÌ·±½ÄÀ¸·Î µé¾î°¡¾ß Çϰŵç¿ä ¤Ì¤Ì
±èÁ¦¿¬ 2016-10
Çê ÀÚ´äÀÌ³×¿ä ¤Ì¤Ì
¾î·¹ÀÌ¿¡ ¿©·¯°³ µé¾îÀ־ index °ªÀ» ¾ÈÁ༭ ±×·±°Å³×¿ä
{ data: "od_r_dest_addr" ,title: menuObject[0]['kor']}
 ·Î Çϴϱî Àߵ˴ϴÙ.. ´äº¯ ÁÖ½ÅºÐµé °¨»çÇÕ´Ï´Ù..


QnA
Á¦¸ñPage 3082/5687
2015-12   1534625   ¹é¸Þ°¡
2014-05   4998808   Á¤ÀºÁØ1
2008-07   5284   ±èÈñÁ¾
2020-04   5284   ³ë°¡¸®°­Ãß
2006-04   5284   À±È£¿ë
2007-11   5284   µµµ¿¿ì
2005-12   5284   À±¿ë½Ä
2017-04   5284   ÄĹÚ
2006-07   5284   ÀÓÁø¿í
2005-11   5284   ¹é¼ºÁÖ
2006-09   5284   ¹Ú±âµÎ
2007-03   5284   °ûÅ¿µ
2006-05   5284   Çã¿Ï
2008-02   5284   ±èÀ±Èñ
2014-07   5284   Å×µ¹¾ÆÀÌ
2013-12   5284   ±èȲÁß
2015-12   5284   susemi
2006-11   5284   ¹ÚµÎȯ
2008-05   5284   ÇöÁø
2018-04   5284   ¸í¼ºÈ£
2015-04   5284   PiPPuuP
2006-02   5284   Á¤ÇÑ°æ