홈>2020-02-26 10:01

jquery - 인라인 일 때 javascript 변수가 정의되지 않았습니다

배경 :

PlayFramework 를 사용하고 있습니다. http://scalatra.org/guides/2.4/views/twirl.html "rel ="nofollow noreferrer ">템플릿 엔진 (스칼라 기반)으로 내보기를 만듭니다.

문제 :

서로 다른 JS 파일에서 나중에 작업을 수행 할 템플릿 (HTML을 렌더링하는) 내에 JavaScript 변수를 저장해야합니다.

기존 솔루션이 있습니까?

이것은 내가 찾은SO질문에 따라 수행 할 수 있습니다 :

<올>

이 는 데이터가 나중에 저장되는지도를 만듭니다. 검색했습니다.

이것 나중에 사용할 수 있도록 변수를 인라인 스크립트 태그에 저장하는 간단한 예를 만듭니다

마지막으로 이 는보다 구체적인 데이터 저장 예를 사용합니다. 템플릿의 데이터 구조에서 구문 분석 후 JS의 데이터 구조에 액세스합니다.

액티브 SO 기고자 Biesior 가 만든이 예제는 많은 개발자들이 Play! 프레임 워크 질문

무엇을해야하는지요약하려면 :

<올>

일부 데이터를 템플릿으로 전달

@(myData: DataObject)

JS 이름으로 스크립트 태그에 전달 된 데이터 추가

<html>
  <body>
    <script>
      let someJSDataName = @myData
    </script>
  </body>
</html>

JS/Chrome 개발자 콘솔에서 사용

someJSDataName.toString

이에 결과가 표시되어야합니다!

하지만 문제가 무엇입니까?

내가 보여 드리겠습니다.

렌더링 된 HTML :

//...
<div class="BoxMediumBlue" style="padding: 20px;">
        <script>
                let facultyDepartments = {Science=[Computer Science, Physics], Biology=[Zooology]};
        </script>
        <br>
        <div class="container-heading">
//...

내 Chrome 개발자 콘솔에서이 데이터에 액세스하려고 할 때 :

facultyDepartments
VM1209:1 Uncaught ReferenceError: facultyDepartments is not defined
    at <anonymous>:1:1

var 를 사용하는 FYI 차이가 없다

내가 잘못하고 있는가?

javascriptjqueryhtmlplayframeworktwirl

답변 # 1
facultyDepartments 의 정의 JS 엔진이 이해하지 못하는 구문을 사용합니다 :
```
let facultyDepartments = {Science=[Computer Science, Physics], Biology=[Zooology]};
```
객체는 키와 값이 : 로 구분되는 키-값 쌍을 포함해야합니다. s 및 문자열과 키가 " 와 같은 구분 기호를 갖는 경우 또는 ' . 대신 템플릿을 JSON으로 렌더링하도록 시도해야합니다 (예 :
).
```
let facultyDepartments = {"Science":["Computer Science", "Physics"], "Biology":["Zooology"]};
console.log(facultyDepartments.Science);
```
(JSON은 기술적으로문자열을 형식화하는 방법이지만 구분 기호없이 JSON 문자열을 삽입하여 객체 리터럴로 구문 분석되도록합니다)

Python2.net

jquery - 인라인 일 때 javascript 변수가 정의되지 않았습니다

관련 자료