Json ⊄ js, điều thường ngộ nhận của mọi người

thangngoc89 · February 19, 2016, 4:39pm

Mọi người thường nói rằng JSON là một phần nhỏ (subset) của Javascript.

Vấn đề là nó không phải như vậy.

Dựa vào spec của JSON, một chuỗi có thể chứa bất cứ kí tự unicode nào ngoại trừ " hoặc / hoặc kí tự điều khiển.

Điều là có nghĩa là chuỗi dưới đây hoàn toàn hợp lệ với JSON:

{"str": "own ed"}

Hãy thử copy chuỗi trên và dán vào console, gán cho nó 1 biến bất kì. Thử đi, mình sẽ chờ.

Yup. “SyntaxError: Unexpected token ILLEGAL”.

Vấn đề nằm ở 2 kí tự unicode được được Javascript định nghĩa là kí tự kết thúc dòng: kí tự kết thúc dòng \u2028 và kí tự phân cách đoạn văn u2029. Chuỗi trên nếu được escape thì sẽ như thế này own\u2028ed.

Vấn đề nằm ở đâu ?

JSON hiện tại được dùng như là một cách thuận tiện định dạng dữ liệu và hầu hết trường hợp không dùng JSON dựa trên JSON là một phần nhỏ của JS. Tuy nhiên, có vài trường hợp nó sẽ gây ra vấn đề.

Trong JSONP (JSON with padding), server gửi dữ liệu kèm với một callback sẽ được chạy ở trang yêu cầu dữ liệu:

handleResponse({"status": "ok", "id": 123456});

Vài thư viện javascript sử dụng một phương thức không an toàn, nhưng nhanh, parse JSON sử dụng eval để hỗ trợ các trình duyệt cũ:

function unsafeParse(json) {
 return eval("(" + json + ")");
}

Và trường hợp thông dụng nhất là chèn các dữ liệu từ được tạo ra từ server để tránh phải gửi thêm request mới.

var GLOBALS = {
 "userid": 123456,
 "twitterName": "dpup",
 "role": "editor"
};

Trong tất cả trường hợp trên, một kí tự kết thúc dòng sẽ gây lỗi phiên mã, và gần như là sẽ làm cho trang web của bạn không hoạt động.

Xử lí thế nào ?

JSON is done. JSON will not be revised.

Douglas Crockford, 2009

Mặc dù trích dẫn ở trên thuộc một cuộc thảo luận khác, tuy nhiên nó vẫn đúng với vấn đề này. Dù tốt hay xấu mình chúng ta buộc phải sử dụng JSON.

Vì vậy, chúng ta cần một cách để xử lí.

Một phương án là sẽ esape tất cả kí tự không phải là kí tự ASCII. Ví dụ như với hàm escapeString của Closure

Hoặc chúng ta có thể coi 2 kí tự trên là vấn đề, và dùng một hàm tương tự như bạn dưới để xử lí:

function jsStringify(obj) {
 return JSON.stringify(obj)
 .replace(/\u2028/g, '\\u2028')
 .replace(/\u2029/g, '\\u2029');
}

Bài viết được đăng trên blog của mình http://khoanguyen.me

Dịch từ bài viết gốc của Dan Pupius

Bài viết sai chính tả? Có điểm chưa rõ ràng? Sửa bài viết trên Github

thangngoc89 · February 19, 2016, 4:41pm

P/s: Nếu bạn nào không biết javascript/ không phải web developer thì sẽ hướng dẫn cụ thể để thực hiện trick trên:

Mở console của trình duyệt (F12)

Quăng cái này vào

var a = {"str": "own ed"}