0

آموزش واقعی ajax

 
kaktoosii
kaktoosii
کاربر برنزی
تاریخ عضویت : شهریور 1390 
تعداد پست ها : 67
محل سکونت : زنجان

پاسخ به:آموزش واقعی ajax
سه شنبه 27 فروردین 1392  2:07 PM

شروع می کنیم

ما می خوایم یک دکمه داشته باشیم و با کلیک روی اون بدون لود صفحه یک متن نمایش داده بشه

خوب این کد رو تو نوت پد کپی کنید و با پسوند html ذخیره کنید

e1
<!DOCTYPE html>
<html>
<body>

<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>

</body>
</html>
palic.gigfa.com

می بینید که یک div داریم که یک کادر برای تغییر داریم که mydiv هست و یک دکمه change content به یک تابع که کد ajax رو صدا می زنه

حالا کد زیر رو بعد از تگ html  قرار بدبد

e2
<head>
<script>
function loadXMLDoc()
{
.... AJAX script goes here ...
}
</script>
</head>
 

در این قسمت تابع  معرفی شده در قسمت قبل درون دکمه رو تعریف می کنیم

 

مجله علمی پالیک محلی برای دانستن
تشکرات از این پست
دسترسی سریع به انجمن ها