{ آموزش آژاکس} بارگذاری صفحه ی خارجی مانند ایفریم

aghahamidgol2

Active Member
با کمک تکنیک های آژاکس می خواهیم در یک بخش از صفحات خارجی اطلاعات را بارگذاری نماییم.همانند همان تکنیک معروف ایفریم ها.

در مرحله ی اول کدهای زیر را بین تگهای head فایل خود کپی کنید :
کد:
<script type="text/javascript">


var rootdomain="http://"+window.location.hostname

function ajaxinclude(url) {
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
} 
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.open('GET', url, false) //get page synchronously 
page_request.send(null)
writecontent(page_request)
}

function writecontent(page_request){
if (window.location.href.indexOf("http")==-1 || page_request.status==200)
document.write(page_request.responseText)
}

</script>


در مرحله ی بعد کافی است صفحه ی خارجی خود را تعریف کنیم :

کد:
<script type="text/javascript">
ajaxinclude("majidonline.htm")
</script>

توجه کنید که تمامی فایل ها ی خارجی باید در یک فولدر و آن هم روت باشند در غیر اینصورت باید مانند زیر شاخه ی مورد نظر را تعریف نمود :

کد:
 <script type="text/javascript">
ajaxinclude(rootdomain+"/includes/majidonline.htm")
</script>

سوالی بود در خدمتم
 
آخرین ویرایش:

echessdesign

مدیر انجمن طراحی وب
دوست عزیز
متشکرم از راهنمایی شما
اما موردی که وجود داره، صفحه index شما هنگام لود شدن، صفحه majidonline رو هم در خود لود می کنه.
اما اگر شما بتونی این ترتیب رو اعمال کنی که: لینکی در صفحه index وجود داشته باشه و زمانی که کلیک شد، بتونه با تکنیک ajax صفحه majidonline رو در خود لود کنه، میشه جواب سوال من و خیلی از دوستان دیگه.
پیشاپیش سپاسگزارم
 

جدیدترین ارسال ها

بالا