PDA

View Full Version : Submit فرم و Refresh صفحه با Ajax



rash44
شنبه 23 بهمن 1395, 07:34 صبح
سلام
لطفا کد های زیر را بررسی کنید . کاربر بعد از انتخاب یک آیتم از Drop Down Box ، مقدار مورد نظر از طریق Ajax به فایل Update.php ارسال می شود و مفدار مورد نظر نمایش داده می شود .
الان میخوام بعد از ارسال داده ها ، صفحه اصلی که کاربر آیتم مورد نظر را انتخاب کرده است ، آپدیت شود . در اصل میخوام فرم Submit گردد و صفحه هم Refresh شود ( بدون کلیک کردن بر روی دکمه Submit)



<select size="1" name="page" dir="rtl" onchange="UpdatePage(this.value);">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>



function UpdatePage(str)
{
var xmlhttp;
if (str=="")
{
document.getElementById("show").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4)
{
document.getElementById("show").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","Update.php?ID="+str,true);
xmlhttp.send();
}





فایل Update.php



<?phpecho $_GET['ID']; ?>

rash44
شنبه 23 بهمن 1395, 07:35 صبح
فیلد Select را به این صورت تغییر دادم :



<select size="1" name="page" dir="rtl" onchange="UpdatePage(this.value);location.reload()">



اما درست عمل نمی کرد ( در بعضی از مواقع ) و قبل از اینکه داده مورد نظر به فایل Update.php ارسال گردد ، صفحه Refresh می شد .

680100
شنبه 23 بهمن 1395, 10:19 صبح
چرا میخوای فرم رو به روز کنی ؟
شما گفتی زمانی که تغییر اعمال مشه به روز رسانی انجام بشه ، حالا چرا رفریش بشه رو متوجه نشدم .

rash44
شنبه 23 بهمن 1395, 11:20 صبح
چرا میخوای فرم رو به روز کنی ؟
شما گفتی زمانی که تغییر اعمال مشه به روز رسانی انجام بشه ، حالا چرا رفریش بشه رو متوجه نشدم .

ممنون میشم اگر راهنمائی بفرمائید