دعنا نذهب من خلال هذا المثال البسيط من jQuery لتصفح مجموعة من كائنات JavaScript.

var json = [
 {"id":"1","text":"paris"},
 {"id":"2","text":"marseille"},
 {"id":"3", "text":"Lille"},
 {"id":"4","text":"Metz"},
 {"id":"5","text":"renne"}
]; 

$.each(json, function(i, obj) {
 alert(obj.text); 
})؛ 

يتم تشغيل تنفيذ هذا المثال بشكل صحيح ويتم عرض المدن في مربع تنبيه. مشكلة شائعة في الإعلان عن سلسلة JSON باقتباسات مفردة أو مزدوجة.

var json = '[{"id":"1","city":"paris"},{"id":"2","city":"marseille"},
{"id":"3","city":"lille"},{"id":"4","city":"metz"},
{"id":"5","city": "الرنة"}]'; 
 
$.each(json, function(i, obj) {
 alert(obj.city); 
})؛ يعرض متصفح 
< / pre>Chrome هذا الخطأ في وحدة التحكم: 

< pre class = "prettyprint lang-java" > خطأ في النوع غير معروف: لا يمكن استخدام عامل التشغيل "in" للبحث عن ... 
in [{"id":"1","ville":"Paris"}... 

الحل المثالي هو تحويل JSON إلى كائن جافا سكريبت باستخدام الدالة JSON.parse() أو الدالة jQuery $.parseJSON.

$.each(JSON.parse(json), function(i, obj) {
 alert(obj.ville); 
})؛ 

//ou

$.each($.parseJSON(json), function(i, obj) {
 alert(obj.city); 
})؛ مثال < / pre>
 JSON وحلقة JavaScript ل < / h2 >يوضح المثال التالي كيفية التكرار من خلال كائن JSON باستخدام JavaScript for loop.

 
 < / >< رئيس> < فرع /> < مجموعة الأحرف الوصفية = "utf-8" > < فرع /> < العنوان> مثال على جافا سكريبت ل وحلقة JSON < فرع /> < البرنامج النصي src="https://code.jquery.com/jquery-1.10.2.js"> < / >< / الرأس> < / >< الجسم> < / >< / >< السيناريو> 
$(function() {

var data = [
 {"id":"1","name":"One"},
 {"id":"2","name":"Two"},
 {"id":"3","name":"Three"},
 {"id":"4","name":"Four"},
 {"id":"5","name":"Five"}
]; 
 
var data_length = data.length ؛ 
for (var i = 0; i < data_length; i++) {
 alert(data[i]["id"] + " " + data[i]["name"]); 
}
})؛ 
< / البرنامج النصي> < / >< / الجسم> < / >< / html> 
< / pre>Resources: 
jQuery each () method< / a>

    

        

                        
© codeurjava.com 2015 - 2025 | Privacy policy