프로그래밍 초보 javascript 질문 드립니다.

김제연   
   조회 5589   추천 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 3109/5712
2014-05   5168850   정은준1
2015-12   1702997   백메가
2008-02   5598   선우균
2006-02   5598   설기돈
2008-07   5598   이영규
2020-01   5598   전설의흑곰
2021-11   5598   김대평
2005-08   5598   임현규
2015-03   5598   신성공
2008-02   5598   김상일
2017-05   5598   무아
2006-05   5598   조우근
2015-02   5598   아름다운노을
2016-12   5598   하셀호프
2014-01   5598   미수맨
2016-05   5598   제스퍼즈
2011-11   5598   뚜뚜김대원
2009-08   5598   김규원
2014-01   5598   회원K
2005-12   5598   오형근
2005-11   5598   김재헌
2012-05   5598   강재원