تالار گفتمان nCIS.ir

نسخه‌ی کامل: Submit فرم و Refresh صفحه با Ajax
شما در حال مشاهده نسخه آرشیو هستید. برای مشاهده نسخه کامل کلیک کنید.
سلام
لطفا کد های زیر را بررسی کنید . کاربر بعد از انتخاب یک آیتم از 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
<?php
echo $_GET['ID'];

?>
فیلد Select را به این صورت تغییر دادم :

کد:
<select size="1" name="page" dir="rtl" onchange="UpdatePage(this.value);location.reload()">
اما درست عمل نمی کرد ( در بعضی از مواقع ) و قبل از اینکه داده مورد نظر به فایل Update.php ارسال گردد ، صفحه Refresh می شد .
بنظرم بهتره با jQuery و AJAX داخلیش کار کنین. مشکلات ناسازگاری کدهای AJAX توی مرورگرهای مختلف خیلی اذیت‌کننده است.