ការកែប្រែអត្ថបទ​ក្នុង Website ពី xml File ដោយ​ប្រើ AJAX

កែ​សម្រួល​ឡើងវិញ នៅខែកញ្ញា ឆ្នាំ ២០១៦

សួស្ដីមិត្តប្រិយមិត្ត អាន-ANT www.antkh.com ​ទាំងអស់​គ្នា ។ កន្លងមក អាន​-ANT ធ្លាប់​បានលើកយក​ការកែប្រែអត្ថបទ​ក្នុង Website ពី txt file ដោយ​ប្រើ Ajax និង JavaScript ហើយឥឡូវនេះ អាន សូមលើកយកពីការកែប្រែអត្ថបទ​ក្នុង Website ពី xml file ដោយ​ប្រើ Ajax និង JavaScript វិញម្ដង ។ ជំហាននៃការ​បង្កើត​មានដូច​ខាងក្រោម​៖

1. ​បង្កើត file txt មួយដោយដាក់​ឈ្មោះ​ថា note.xml

2. ​ធ្វើការ​បញ្ចូល​អត្ថបទទៅ​ក្នុង note.xml ដូច​ខាងក្រោម​៖

3. ​បង្កើត file html មួយដោយដាក់​ឈ្មោះ​ថា readXml.html

4. ​ធ្វើការ​បញ្ចូល​កូដទៅ​ក្នុង readXml.html ដូច​ខាងក្រោម​៖

5. ​បញ្ចូល​កូដ​ខាងក្រោម​នេះទៅ​ក្នុង tag <script> ពី​ខាងក្រោម Comment

6. ​បន្ទាប់ពី​អ្នក​ធ្វើការ​សរសេរ​កូដ​ខាងលើ​រួចរាល់ហើយ ចូរ​ធ្វើការ ដំណើរ​ការ​កូដ​របស់អ្នក​នៅលើ Browser (Firefox) ។ ប៉ុន្តែ​ប្រសិនបើ​អ្នក ដំណើរ​ការ​កូដ​របស់អ្នក​នៅលើ Chrome ​វានឹង​មិន​ដំណើរ​ការ​នោះទេ ។ ដូច្នេះ អ្នកត្រូវដាក់បណ្ដុំកូដ​របស់អ្នក​នៅ​ក្នុង local server ​របស់អ្នក (Wamp Server ឬ Xampp ) ។

​តាមរយៈ​កូដ​ខាងលើ​អ្នកនឹងទទួលបាន website ដូចរូប​ខាងក្រោម​៖

ក្រោយពេលចុចលើប៊ូតុង “ការ​សំណូម​ពរ”

ពន្យល់កូដ

- នៅបន្ទាត់ទី១៩ ដល់ទី២៨ វានឹង​ដំណើរ​ការ​នៅពេល​យើង ចុចលើប៊ូតុង “ការ​សំណូម​ពរ” ។

- នៅបន្ទាត់ទី២១ xhttp.onreadystatechange នឹង​ដំណើរ​ការ​នៅពេល​ដែល​តម្លៃ​របស់ readyState property ផ្លាស់ប្ដូរ ។

- នៅបន្ទាត់ទី២២ វាមាននាទីត្រួត​ពិនិត្យ​ទៅលើ​ការ request ​ប្រសិនបើ​ត្រឹមត្រូវ វានឹង​ហៅ Function showFunction (xhttp) មក​ប្រើ (បន្ទាត់ទី​២៣) ។

- នៅបន្ទាត់ទី២៦ xhttp.open ("GET", "note.xml", true) ប្រើ​សម្រាប់​បើក file xml របស់​ដែល​បាន​បង្កើត ។

- នៅបន្ទាត់ទី២៩ ដល់បន្ទាត់ទី៣៩ មាន​តួនាទី​បង្ហាញ​ទិន្នន័យ​នៅលើ Browser ។

- នៅបន្ទាត់ទី៣១ ដល់បន្ទាត់ទី៣៤ គឺជាអថេរ (variable) ​ប្រើ ដើម្បី ទទួលយក​តម្លៃ​ពី tag ​នីមួយៗ នៅ​ក្នុង file note.xml ។

- នៅបន្ទាត់ទី៣៥ គឺជាការ​បញ្ចូន​ទិន្នន័យ​ទៅ​ក្នុង tag div ​ដែល​មាន​ឈ្មោះ​ថា “demo” ។

*** ដកស្រង់ចេញពី​ទស្សនាវដ្ដី​អាន-ANT​ច្បាប់​ទី ០៣ ប្រចាំខែ កញ្ញា ឆ្នាំ ២០០៨

*** កែ​សម្រួល​អត្ថបទឡើងវិញដោយ ៖ លោក សំ រិទ្ឋី

*** មុខវិជ្ផា JavaScript តម្លៃ ៧០ដុល្លា ឬ ២៨០០០០រៀល សម្រាប់ Course Outline នៃ​វគ្គ​នេះ http://training.antkh.com/

*** សម្រាប់​ស្នាដៃសិស្ស​ដែល​បាន​បញ្ចប់​វគ្គ​គេហទំព័រជា​ច្រើន នៅអាន-ANT http://training.antkh.com/achievements/?c=web

*** សូម​ចូលរួម​ជាសមាជិក ANT Training Group ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT
*** ចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ដែល​ទាក់ទងនឹង​បច្ចេកវិទ្យា​រៀងរាល់​ថ្ងៃ​