blue.web9
دوشنبه 16 آذر 1394, 23:04 عصر
مرسی دوست عزیز نه آشنا نیستم ولی خوب میریم یاد میگیرم مجبورم :لبخند: نگا کن خوابگاه هامو با یه select نوشتم که هر خوابگاه تو یه option هست ظرفیت اتاق و شماره اتاق رو هم به همین صورت نوشتم,برای اینکار درخواست ajax باید ارسال کنم مطمن؟؟
یادش بخیر منم اینطوری یاد گرفتم ولی اجباری روم نبود ..
فرض کن این خوابگاه باشه :
تو رویداد onchange میگیم هر وقت خوابگاه تغییر کرد فانکشن selectOtagh اجرا بشه.this.value یعنی مقدار value انتخاب شده رو به فانکشن میفرستیم.
<div id="khabgah-div">
<select name="khabgah" onchange="selectOtagh(this.value)">
<option value="1">khabgah 1 </option>
<option value="2">khabgah 2 </option>
</select>
</div>
<div id="otagh-div">
<select name="otagh">
<option value="1">otagh 1 </option>
<option value="2">otagh 2 </option>
</select>
</div>
این فانکشن selectOtagh :
مقدار value انتخاب شده داخل id_khabgah میزاریم.
function selectOtagh( id_khabgah )
{
$.ajax({
type: 'POST',
url: 'select_khabgah.php',
data: { 'id_khabgah':id_khabgah },
success: function (data) {
$('#otagh-div').html(data);
}
});
}
حالا تنظیمات ajax انجام میدیم.
type مشخص کننده نوع ارساله (POST,GET)
data اطلاعاتی هست که به صفحه مقصد ارسال میکنیم.اینجا به صورت آرایه تعریف کردم.تو صفحه مقصد میتونی با $_POST['id_khabgah'] مقدار دریافت کنی.
url آدرس صفحه مقصد که باید محاسبات اونجا انجام بدی.مقدار $_POST['id_khabgah'] میگیری از دیتابیس اتاق های این خوابگاهگاه سلکت میکنی بعد داخل تگ (<select name="otagh">
..</select>) میزاری و echo میکنی.
success اطلاعات دریافتی که همون تگ سلکت باشه داخل div اتاق ها میزاره.
این ajax با jquery بود که ساده تر از ajax با جاوااسکریپت هست.پارامترهای دیگه هم داره که بعد میتونی یاد بگیری.
یادت باشه فایل jquery به صفحه اضافه کنی.