السلام عليكم.
شكراً
يمكنك أيضاً كما وضح شهاب في التعليق السابق استخدام Fetch API حيث يعد خيارًا أحدث وأبسط من استخدام AJAX لذلك، يفضل استخدام Fetch API للعديد من الأسباب التالية
وهذا مثال باستخدام Fetch API:
<!DOCTYPE html> <html> <head> <title>Fetch API Example</title> <script> async function loadData() { try { let response = await fetch('your-server-endpoint'); let data = await response.text(); document.getElementById("data").innerHTML = data; } catch (error) { console.error('Error:', error); } } </script> </head> <body> <h2>Fetch API Example</h2> <button type="button" onclick="loadData()">Load Data</button> <div id="data"></div> </body> </html>
التعليقات