تصف هذه المقالة كيف يقرأ JS بيانات ملف XML ويعرض البيانات في نموذج الجدول. شاركه للرجوع إليه ، على النحو التالي:
دعونا نلقي نظرة على ملف XML أولاً:
<؟ <Stusex> 31 </stuage> </stuinfo> <Stuinfo> <stuname> li siwen </stuname> <Stusex> ذكر </stusex> <Stusex> 22 </stuage> </stuinfo> </stuinfo> <stuinfo> <stuname> Sun Honglei </stuname> <Stusex> male </stusex> <stuage> 32 </stuage> </stuinfo> <stuinfo> <stuinfo> <stuinfo> ouyang junxiong </stususex> </stusex> <Stuinfo> <stuname> jiang lin </stuname> <Stusex> أنثى </stusex> <Stusex> أنثى </stusex> <Stusex> 23 </stuage> </stuinfo> <stuinfo> <stupe> xiaoxiao </stusex> </stusex> <stusex> <stuage> 22 </stuage> </stuinfo> </dustud>
رمز صفحة ASPX:
<٪@ page language = "c#" autoeventwireup = "true" codeBeHind = "الحصول على بيانات قاعدة البيانات لإنشاء xml.aspx.cs" ويرث = "الفصل 1.get بيانات قاعدة البيانات لإنشاء XML" ٪> <! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3. LOADXMLDOC (dname) {if (window.xmlHttPrequest) {xhttp = new xmlHttpRequest () ؛ } آخر {xhttp = new ActivexObject ("Microsoft.xmlHttp") ؛ } xhttp.open ("get" ، dname ، false) ؛ xhttp.send ("") ؛ إرجاع xhttp.responsexml ؛ } وظيفة readxml () {var xmldoc = loadxmldoc ("student.xml") ؛ // احصل على العقدة المحددة var divmsg = document.getElementById ("xmlmsg") ؛ var msg = "<table border = '1' id = 'mytable'> <tr> <th> name </th> <th> الجنس </th> <th> العمر </th> <tr>" ؛ VAR NOGES = XMLDOC.GetElementsByTagName ("Stuinfo") ؛ لـ (var i = 0 ؛ i <nodes.length ؛ i ++) {msg+= "<tr>" ؛ msg + = "<td>" + العقد [i] .getElementsByTagName ("stuname") [0] .firstchild.nodevalue + "</td>" ؛ msg + = "<td>" + العقد [i] .getElementsByTagName ("stusex") [0] .firstchild.nodevalue + "</td>" ؛ msg + = "<td>" + العقد [i] .getElementsByTagName ("stuage") [0] .firstchild.nodevalue + "</td>" ؛ msg += "</tr>" ؛ } msg += "</table>" ؛ divmsg.innerhtml = msg ؛ } </script> </head> <body> <form id = "form1" runat = "server"> <viv> <input type = "button" value = "js read xml" onClick = "readxml ()"/> <br/> <div id = "xmlmsg"تتجنب عملية JS أعلاه بشكل أساسي استخدام الأطفال (لأن الأطفال [0] تظهر في بعض الأحيان في Firefox وتحصل على "/N" بدلاً من عقدة الطفل الأولى التي نريدها. يمكنك تجربة هذا بنفسي ، لكنني واجهت هذا الموقف على أي حال) ، مما يجعله متوافقًا مع IE و Firefox. لم أحاول متصفحات أخرى.
لمزيد من المعلومات حول JavaScript ، يرجى التحقق من الموضوعات الخاصة لهذا الموقع: "ملخص لمهارات ملف XML التشغيلية لـ JavaScript" ، "ملخص لمهارات تشغيل Ajax في JavaScript" ، "ملخص لمهارات تشغيل JSON في JavaScript" ، ملخص "ملخص" ، ملخص "Javascript" ، ملخص "Javascript" ، ملخص "Javascript" ، "ملخص". التقنيات "،" ملخص أخطاء JavaScript ومهارات تصحيح الأخطاء "،" ملخص هياكل بيانات JavaScript ومهارات الخوارزمية "،" ملخص خوارزميات وتقنيات Javascript Traversal "و" ملخص للعمليات الرياضية Javascript للاستخدامات ".
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.