عندما تطلب JavaScript بيانات متعددة وتعالجها، فغالبًا ما يزعج العديد من المبرمجين كيفية تنفيذها. كيفية التحرير والحذف ديناميكيًا دون التأثير على عناصر البيانات الأخرى. على سبيل المثال، اطلب ما يلي من خلال XmlRequest:
انسخ رمز الكود كما يلي:
<span style="font-size:14px;">{ "الجدول":
[
{ "المعرف": 3، "النوع": "X"،
"المحتوى": "أشار تقرير المؤتمر الوطني الثامن عشر للحزب الشيوعي الصيني إلى ما هي الأشكال المهمة للديمقراطية الشعبية في بلادنا؟"،
"أكي": "نظام سياسي ديمقراطي شعبي"، "بمفتاح": "نظام مؤتمر الشعب"،
"Ckey": "نظام تعاون متعدد الأطراف"، "Dkey": فارغ، "NUM": 3}،
{ "المعرف": 2، "النوع": "X"، "المحتوى": "الظبي التبتي هو حيوان محمي وطني من المستوى الأول وهو حيوان فريد من نوعه ()"،
"آكي": "هضبة تشينغهاي-التبت"، "بي كي": "شينجيانغ"،
"Ckey": "Qinghai"، "Dkey": فارغ، "NUM": 2}،
{ "المعرف": 1، "النوع": "X"، "المحتوى": "حماية الحيوانات البرية لها معاني كثيرة، وما ليس منها فهو"،
"Akey": "التأثير البيئي"، "Bkey": "القيمة الثقافية"،
"Ckey": "عرض القيمة"، "Dkey": فارغ، "NUM": 1 }
]
</span>
كيفية عرضها بتنسيق HTML وتنفيذ أعمال التحرير والحذف، والتي تتضمن تحليل json والعرض الهرمي للبيانات:
علامة عرض HTML:
<ul id="msg" name="msg"> </ul>
تقوم JavaScript بتحليل البيانات وعرضها:
انسخ رمز الكود كما يلي:
<span style="font-size:14px;"> var Response = xmlHttp.responseText;
eval("var result =" + Response);
فار لين = result.Table.length;
إذا (لين > 0) {
فار msg = "";
لـ (var i = 0; i < len; i++) {
msg += "<li><span>" + result.Table[i].Content + "</span>";
msg += "<span>" + result.Table[i].Akey + "</span>";
msg += "<span>" + result.Table[i].Bkey + "</span>";
msg += "<span>" + result.Table[i].Ckey + "</span>";
msg += "<span>" + result.Table[i].Dkey + "</span>";
msg += "<a href='###' onclick=/"editSub('" + result.Table[i].Id + "')/">تحرير</a>";
msg += " <a href='###' onclick='Delete(" + result.Table[i].Id + ")'>Delete</a>";
msg += "</li>";
}
document.getElementById("msg").innerHTML = msg;
</span>
يمكن معالجة كل جزء من البيانات من خلال وظائفeditSub(id) وDelete(id) لتحقيق وظائف مشابهة لـ ListBox.