requirejs tải tệp JSON tĩnh

Question

Tôi muốn giữ tài liệu json để lưu trữ một số dữ liệu đơn giản và tôi muốn yêu cầu tài liệu này và sử dụng đối tượng json trong cuộc gọi define() để tôi có thể sử dụng nó. Đây không phải là cuộc gọi "không đồng bộ". Tôi có nghĩa là nó nên được phát triển nhưng tôi muốn biên dịch các tập tin trên xây dựng không giống như một cuộc gọi async thực tế từ một API, nơi mà nội dung là năng động.

Answer 1

Cách dễ nhất để thực hiện việc này là sử dụng plugin json requirejs cho việc này, điều này cũng sẽ cho phép bạn đưa tệp của mình vào bản dựng.

https://github.com/millermedeiros/requirejs-plugins
Dưới đây là một ví dụ:

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){ 
    ... 
}) 

Nếu bạn muốn bao gồm các tập tin trong r.js bạn xây dựng để nó luôn được tối ưu hóa trong/main js bootstrap tập tin bạn cần phải thêm nó với tùy chọn bao gồm

Bạn cũng có thể sử dụng plugin văn bản yêu cầu js cho plugin này, thường được sử dụng để tải tệp mẫu nhưng bạn cũng có thể sử dụng nó để tải các tệp .json.

https://github.com/requirejs/text

Bạn sẽ phải phân tích các nội dung tự của bạn sau đó với JSON.parse
(Bao gồm json2.js để cung cấp hỗ trợ cho các trình duyệt cũ nếu đó là bắt buộc)

Bạn cũng có thể quấn json theo riêng của nó xác định() vì vậy bạn chỉ có thể yêu cầu nó theo truyền thống, nhưng điều đó sẽ không hoạt động nếu bạn bị giới hạn trong một tệp thực tế .json.

Một tùy chọn khác là yêu cầu tệp văn bản máng ajax tự của bạn, với jquery hoặc một cái gì đó.

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

Answer 2

viết bài này một câu trả lời, bởi vì:

• đó là những gì người dùng đặt ra câu hỏi thực sự sử dụng như giải pháp của họ
• nó sạch hơn để nhìn vào hơn đòi hỏi văn bản, vì nó luôn luôn làm việc JSON.parse() cho bạn.

RequireJS has a JSON plugin. Cú pháp chỉ đơn giản là:

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