فهرست سرفصل‌های XML
خانه (XML HOME) مقدمه (XML Introduction) نحوه استفاده (XML How to use) درخت (XML Tree) سینتکس (XML Syntax) عناصر (XML Elements) ویژگی ها (XML Attributes) فضاهای نام (XML Namespaces) نمایش (XML Display) XMLHttpRequest (XML HttpRequest) پارسر (XML Parser) DOM (XML DOM) XPath (XML XPath) XSLT (XML XSLT) XQuery (XML XQuery) XLink (XML XLink) اعتبارسنج (XML Validator) DTD (XML DTD) اسکیما (XML Schema) سرور (XML Server) مقدمه (AJAX Introduction) ساخت XMLHttpRequest (AJAX XMLHttp) ارسال درخواست (AJAX Request) پاسخ (AJAX Response) فایل XML (AJAX XML File) AJAX با PHP (AJAX PHP) AJAX با ASP (AJAX ASP) پایگاه داده (AJAX Database) اپلیکیشن ها (AJAX Applications) مثال ها (AJAX Examples) مقدمه (DOM Introduction) گره ها (DOM Nodes) دسترسی (DOM Accessing) اطلاعات گره (DOM Node Info) فهرست گره ها (DOM Node List) پیمایش (DOM Traversing) ناوبری (DOM Navigating) گرفتن مقادیر (DOM Get Values) تغییر گره ها (DOM Change Nodes) حذف گره ها (DOM Remove Nodes) جایگزینی گره ها (DOM Replace Nodes) ساخت گره ها (DOM Create Nodes) افزودن گره ها (DOM Add Nodes) کلون کردن گره ها (DOM Clone Nodes) مثال ها (DOM Examples) مقدمه (XPath Introduction) گره ها (XPath Nodes) سینتکس (XPath Syntax) محورها (XPath Axes) عملگرها (XPath Operators) مثال ها (XPath Examples) مقدمه (XSLT Introduction) زبان ها (XSL Languages) تبدیل (XSLT Transform) الگو (<template>) (XSLT <template>) value-of (<value-of>) (XSLT <value-of>) for-each (<for-each>) (XSLT <for-each>) مرتب سازی (XSLT <sort>) اگر (<if>) (XSLT <if>) انتخاب (XSLT <choose>) اعمال قالب ها (XSLT Apply) در سمت کلاینت (XSLT on the Client) در سمت سرور (XSLT on the Server) ویرایش XML (XSLT Edit XML) مثال ها (XSLT Examples) مقدمه (XQuery Introduction) مثال (XQuery Example) FLWOR (XQuery FLWOR) HTML (XQuery HTML) اصطلاحات (XQuery Terms) سینتکس (XQuery Syntax) افزودن (XQuery Add) انتخاب (XQuery Select) توابع (XQuery Functions) مقدمه (DTD Introduction) بلوک های سازنده (DTD Building Blocks) عناصر (DTD Elements) ویژگی ها (DTD Attributes) عناصر در برابر ویژگی ها (DTD Elements vs Attr) موجودیت ها (DTD Entities) مثال ها (DTD Examples) مقدمه (XSD Introduction) چگونه (XSD How To) برچسب <schema> (XSD <schema>) عناصر (XSD Elements) ویژگی ها (XSD Attributes) محدودیت ها (XSD Restrictions) عناصر پیچیده (XSD Complex Elements) خالی (XSD Empty) فقط عناصر (XSD Elements-only) فقط متن (XSD Text-only) ترکیبی (XSD Mixed) نشانگرها (XSD Indicators) <any> (XSD <any>) <anyAttribute> (XSD <anyAttribute>) جایگزینی (XSD Substitution) مثال (XSD Example) رشته (XSD String) تاریخ/زمان (XSD Date/Time) عددی (XSD Numeric) متفرقه (XSD Misc) مرجع (XSD Reference) سرویس ها (XML Services) WSDL (XML WSDL) SOAP (XML SOAP) RDF (XML RDF) RSS (XML RSS) مثال ها (XML Examples) آزمون (XML Quiz) سیلابس (XML Syllabus) برنامه مطالعه (XML Study Plan) گواهینامه (XML Certificate) انواع گره (DOM Node Types) گره (DOM Node) NodeList (DOM NodeList) NamedNodeMap (DOM NamedNodeMap) سند (DOM Document) عنصر (DOM Element) ویژگی (DOM Attribute) متن (DOM Text) CDATA (DOM CDATA) کامنت (DOM Comment) XMLHttpRequest (DOM XMLHttpRequest) پارسر (DOM Parser) المان ها (XSLT Elements) توابع (XSLT/XPath Functions)
نتیجه‌ای برای جستجو یافت نشد.
XML

XML — در سمت کلاینت (XSLT on the Client)

آخرین بروزرسانی: 1404/08/17

در سمت کلاینت (XSLT on the Client)

در این صفحه، «XSLT سمت کلاینت» را یاد می گیریم. XSLT یعنی «تبدیل XML به HTML». کلاینت (Client) یعنی مرورگر کاربر. هدف ساده است؛ XML خام را در مرورگر به HTML قابل نمایش تبدیل می کنیم.

اجرای XSLT سمت کلاینت با جاوااسکریپت

گاهی نمی خواهیم داخل فایل XML، آدرس XSL را بگذاریم. چون بعضی مرورگرها XSLT را کامل پشتیبانی نمی کنند. پس از جاوااسکریپت استفاده می کنیم. جاوااسکریپت (JavaScript) زبان اسکریپت مرورگر است.

  1. XML و XSL را با درخواست HTTP بگیریم.
  2. مرورگر کاربر را تشخیص دهیم.
  3. برای IE از transformNode استفاده کنیم.
  4. برای سایر مرورگرها از XSLTProcessor استفاده کنیم.

نکته: با این روش، می توانیم براساس مرورگر یا نیاز کاربر، XSLهای متفاوت اعمال کنیم.

فایل های XML و XSL

نمونه XML کاتالوگ CD را می بینید. XML (eXtensible Markup Language) قالبی برای داده ساخت یافته است.



  
    Empire Burlesque
    Bob Dylan
    USA
    Columbia
    10.90
    1985
  
  

مشاهده در ادیتور

و این هم XSL. XSLT (XSL Transformations) قوانین تبدیل را تعریف می کند.



  
    

My CD Collection

Title Artist

مشاهده در ادیتور

تبدیل XML به HTML در مرورگر

کد زیر XML و XSL را با جاوااسکریپت می خواند و سپس تبدیل می کند. سپس خروجی HTML را داخل یک عنصر صفحه می گذارد.



  
    
  
  
    

مشاهده در ادیتور

گام های عملی

  1. فایل های cdcatalog.xml و cdcatalog.xsl را در پوشه بگذار.
  2. فایل HTML بالا را ذخیره کن و باز کن.
  3. اگر خروجی خالی بود، مسیر فایل ها را بررسی کن.
  4. برای مرورگرهای قدیمی، از حالت IE فقط در ویندوز استفاده کن.

برای دانستن اعمال قالب ها، این صفحه را ببین: اعمال قالب ها با XSLT. همچنین اجرای سمت سرور را ببین: XSLT سمت سرور.

جمع بندی سریع

  • XSLT سمت کلاینت یعنی تبدیل در مرورگر.
  • XML و XSL را با جاوااسکریپت می خوانیم.
  • برای IE از transformNode استفاده کن.
  • برای بقیه از XSLTProcessor استفاده کن.
  • خروجی را در یک عنصر صفحه قرار بده.