json string 내에서 변수 전달하기

Question

json 객체로 변환하는 문자열이있는 간단한 var가 있습니다. 나는 사람 이름에 대한 입력 필드를 갖고 텍스트를 추가하고 싶습니다.

var text = '{"students":[' + 
'{"firstName": first,"lastName":"Skousen" },' + 
'{"firstName": first,"lastName":"Norman" },' + 
'{"firstName": first,"lastName":"Coatney" }]}'; 

: 현재

var first = document.getElementById('first').value; 

그래서 나는이 같은 변수 텍스트 작업을하고 싶은 나는이

var text = '{"students":[' + 
'{"firstName": "Brendan","lastName":"Skousen" },' + 
'{"firstName":"Scooby","lastName":"Doo" },' + 
'{"firstName":"Your","lastName":"Mom" }]}'; 

을하고 난 내 입력을위한 VAR이 다음에서 전체 코드를 볼 수 있습니다. http://codepen.io/bskousen/pen/xbPLew

Answer 1

var text = '{"students":[' + 
'{"firstName": ' + escape(first) + ',"lastName":"Skousen" },' + 
'{"firstName": ' + escape(first) + ',"lastName":"Norman" },' + 
'{"firstName": ' + escape(first) + ',"lastName":"Coatney" }]}'; 

escape을 사용하면 here입니다.

Answer 2

예제에서 사용하는 방식대로 작동하게하려면 template engine을 사용하고 함께 들어간 엔진에 따라 변수 주위에 몇 가지 추가 문자를 추가해야합니다. 나는 당신의 경우에 연결이 가장 쉬울 것이라고 생각한다.

var text = '{"students":[' + 
'{"firstName": ' + first + ',"lastName":"Skousen" },' + 
'{"firstName": ' + first + ',"lastName":"Norman" },' + 
'{"firstName": ' + first + ',"lastName":"Coatney" }]}';