Định dạng JSON cho giao diện người dùng jQuery Tự động điền

Question

Tài liệu cho jQuery UI Autocomplete nói rằng thuộc tính source có thể được đặt thành URL trả về các mục được đề xuất ở định dạng JSON. Tuy nhiên, nó không giải thích sâu hơn cấu trúc của kết quả JSON này được cho là trông như thế nào. Bất cứ ai có thể gửi một ví dụ? Cảm ơn!

Answer 1

Đây là một định dạng JSON

{source: ["Milan", "Turin", "Venice", "Florence", "Rome"] } 

này hay cách khác nguồn

{source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]} 

Answer 2

tôi làm một cuộc gọi đến một bộ điều khiển Xuân Java mà chỉ đơn giản trả về thông tin dưới đây (ở định dạng JSON). Tôi xây dựng nó với JSTL. Nhưng tôi không biết bạn sử dụng loại phụ trợ nào. Nhưng trong hầu hết mọi ngôn ngữ, bạn có thể tạo ra một số JSON đơn giản.

Ví dụ:

{"results":[{"id":" Canned","name":" Canned"}, {"id":64,"name":"Added Sulphites"}, 
{"id":3,"name":"age"}, {"id":"age","name":"age"}, {"id":59,"name":"age group"}, 
{"id":"Allergen","name":"Allergen"}, {"id":85,"name":"Anchovies"}]} 

Tôi không thích autocomplete. có thể bạn đã tìm thấy giải pháp tốt hơn trong flexbox: http://flexbox.codeplex.com/

Answer 3

Bạn đã xem các ví dụ ở đây chưa? http://jqueryui.com/demos/autocomplete/#remote

Answer 4

Dưới đây là một ví dụ thực tế, nhưng nó sử dụng một JSONP nguồn dữ liệu từ xa: http://www.highpoint.edu/admissions/contact.cfm

Trường Trung học sử dụng autocomplete (chắc chắn rằng bạn Chọn 'Freshman' cho loại hình nhập b/c nếu không cao trường học sẽ bị ẩn). Ngoài ra, việc thay đổi lựa chọn quốc gia/tiểu bang sẽ thay đổi phần nào của nguồn tự động hoàn chỉnh, điều này có thể gây nhầm lẫn.

Ngoài ra, URL đó chỉ là trình bao bọc cho khung nội tuyến có dạng thực, mà tôi không thể đăng liên kết tới b/c người dùng mới chỉ có thể đăng một URL trong nhận xét.

Answer 5

Moved câu trả lời ở đây từ nhận xét của tôi:

[{"label":"mylabel","value":"myvalue"},...] 

tôi thấy nó được định dạng này .autocomplete đó là tìm kiếm cho jquery UI 1.8

Answer 6

sử dụng firebug chúng ta có thể thấy định dạng này cho json

[{"id":"Podiceps nigricollis","label":"Black-necked Grebe","value":"Black-necked Grebe"}] 

tôi đã sử dụng json_encode

$a[$x] = array("id" => $row["id"],"label"=>$row["label"],"value"=>$row["value"]); 
} 
//echo JSON to page 
    $response = json_encode($a); 
echo $response;