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

   Á¶È¸ 5340   Ãßõ 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 2564/5689
2014-05   5010933   Á¤ÀºÁØ1
2015-12   1546601   ¹é¸Þ°¡
2016-10   5338   µµ¿ì¸®
2016-11   5338   Æ۽̱Û
2006-02   5338   Àü¿ä¼Á
2015-09   5338   Àü¼³¼ÓÀǹ̡¦
2016-09   5338   inquisitive
2012-09   5338   ·Î±×¾Æ¿ô
2007-10   5338   ¾ç°æ¸ð
2009-02   5338   ¹Ú
2016-03   5338   Æ۽̱Û
2008-09   5338   Á¶ÀçÇö
2017-03   5338   ÄĹÚ
2008-08   5338   ±è°Ç¿ì
2006-03   5338   ¹ÚÀ§·Õ
2007-02   5338   ±ÇÈñ¼®
2005-12   5338   ÃÖ¿ë¼®
2014-01   5337   ºÐ´ç±èµ¿¼ö
2014-01   5337   ±ÇÈñ¼®
2013-09   5337   metaljw
2009-09   5337   ¿ÀÀçÈ£
2007-05   5337   Á¤ÀºÁØ