programing

requirejs를 사용하여 정적 JSON 파일을 로드하려면 어떻게 해야 합니까?

codeshow 2023. 3. 8. 21:36
반응형

requirejs를 사용하여 정적 JSON 파일을 로드하려면 어떻게 해야 합니까?

간단한 데이터를 저장하기 위해 JSON 문서를 보관하고 이 문서가 필요하며 JSON 개체를 사용하여define()내가 쓸 수 있게 전화해라.이거는...async개발용이어야 하지만 실제와는 달리 빌드 시 파일을 컴파일하고 싶습니다.asyncAPI로부터의 콜을 실시합니다.이 경우 콘텐츠는 역동적입니다.

가장 쉬운 방법은 requirejs json 플러그인을 사용하는 것입니다.이것에 의해, 빌드에도 파일을 포함할 수 있습니다.

https://github.com/millermedeiros/requirejs-plugins
다음은 예를 제시하겠습니다.

require(['json!someFile.json'], function(data){
  ...
})
// It does not actually need to be a .json extension, this will work to:
require(['json!someFile'], function(data){
  ...
})

항상 main/js 부트스트랩 파일에 최적화되도록 파일을 r.js 빌드에 포함하려면 include 옵션에 추가해야 합니다.

이 경우 require js text plugin을 사용할 수도 있습니다.일반적으로 템플릿파일을 로드하는데 사용되지만 .json파일을 로드하는데도 사용할 수 있습니다.

https://github.com/requirejs/text

그럼 직접 내용을 분석해야 합니다.JSON.parse
(필요한 경우 이전 브라우저를 지원하기 위해 json2.js 포함)

또한 json을 자체 정의()로 래핑할 수도 있습니다. 따라서 기존에는 json을 요구할 수 있지만 실제에 한정되어 있는 경우에는 작동하지 않습니다..json파일.

또 다른 옵션은 jquery 같은 것을 사용하여 텍스트파일을 사용자 자신에게 아약스 하도록 하는 것입니다.

$.get('somefile.json', function(data) {
  // do something with your data
});

다음과 같은 이유로 답변을 게시합니다.

  • 질문을 하는 사용자가 실제로 해결책으로 사용한 것입니다.
  • 항상 JSON.parse()를 사용하기 때문에 텍스트를 필요로 하는 것보다 보기에도 깔끔합니다.

RequireJS에 JSON 플러그인이 있습니다.구문은 다음과 같습니다.

require(['json!someData.json'], function(data){
  ...
})

언급URL : https://stackoverflow.com/questions/15314019/how-do-i-use-requirejs-to-load-a-static-json-file

반응형