آموزش ویژگی onload در آجاکس جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش ویژگی onload در آجاکس جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
ویژگی onload در آجاکس جاوااسکریپت
خب وقتی ما به سمت سرور درخواست رو ارسال میکنیم، سرور درخواست رو پردازش میکنه و در نهایت نتیجه رو میفرسته بسمت همون صفحه ای که درخواست رو ارسال کرده.
حال ما با استفاده از ویژگی onload میتونیم نتیجه ی ارسال شده از سمت سرور رو بگیریم و مثلا در صفحه فعلی مون به نمایش درآوریم.
Free-Learn
نحوه تعریف تابع onload
شکل کلی نحوه استفاده از تابع onload بصورت زیر می باشد :
|
1 2 3 |
MyRequest.onload = function() { // کار با داده های دریافت شده از سمت سرور } |
Free-Learn
مثال از ویژگی onload
مثال شماره ۱ : دریافت محتویات فایل myfile-1.html و نمایش آن در صفحه
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<script> function Load(){ const MyRequest = new XMLHttpRequest(); MyRequest.onload = function(){ document.getElementById("Result").innerHTML = this.responseText; } MyRequest.open("GET", "files/myfile-1.html"); MyRequest.send(); } </script> |
