السلام عليكم ورحمة الله وبركاته
أخوتي الكرام اولا شاكر لكم مسبقا تعاونكم في سوالف في مساعدة المبرمجين العرب.
عندي مشكلة في عمل Post بــ الأجاكس ولا اعلم ما هي المشكلة بالضبط , هذا هو الكود الذي عملته نرجو منكم الإطلاع والمساعدة:
كود الأجاكس:
كود الفورم :كود PHP:function makePOSTRequest(url, parameters)
{
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
xmlhttp.open('POST', url, true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", parameters.length);
xmlhttp.setRequestHeader("Connection", "close");
xmlhttp.send(parameters);
}
}
}
function ajax_post()
{
var poststr="category_id="+encodeURI( document.getElementById("cat_id").value ) +
"&category_name="+encodeURI( document.getElementById("cat_name").value );
makePOSTRequest('test.php',poststr);
document.getElementById("loading").innerHTML="correct";
}
function cat()
{
if(document.form.category_id.value=="0")
{
alert("Please select the category from the list");
document.form.category_id.focus();
}
else if(document.form.category_name.value=="")
{
alert("Please write the group title");
document.form.category_name.focus();
}
else
{
document.getElementById("loading").innerHTML="<img alt='' src='../images/loading.gif' width='100' height='9'> Loading ...";
setTimeout("document.form.submit()",3000);
document.form.submit();
}
}
function rs_form()
{
document.form.reset();
}
واخيرا كود ال phpكود HTML:<form method="post" action="javascript:ajax_post()" name="form"> <table style="width: 400px" align="center" class="content"> <tr> <td style="width: 80px">Category:</td> <td> <select name="category_id" class="teacher_table" style="height: 16px" id="cat_id"> <option selected="selected" value="0">Select category from the list </option> <?php while ($rows=mysql_fetch_array($category_query)) { printf("<option value=%s>%s</option>",$rows[0],$rows[1]); } ?> </select></td> </tr> <tr> <td style="width: 80px">Group Title:</td> <td> <input name="category_name" class="blur_field" type="text" size="30" onfocus="this.className='focus_field'" onblur="this.className='blur_field'" id="cat_name" /></td> </tr> </table> <div class="style1"> <br> <a href="javascript:rs_form()"><img alt="click" src="../images/normal.gif" width="100" height="20" name="rs" onmouseover="document.rs.src='../images/over.gif'" onmouseout="document.rs.src='../images/normal.gif'" onclick="document.rs.src='../images/click.gif'" style="border:0px" /></a> <a href="javascript:cat()"> <img alt="click" src="../../school/images/button10.gif" width="100" height="20" name="click" onmouseover="document.click.src='../images/button11.gif'" onmouseout="document.click.src='../images/button10.gif'" onclick="document.click.src='../images/button15.gif'" style="border:0px" /></a></div> </form>
هو لا يعطني خطأ في التنفيذ ولكن لا يقوم بارسال المعلومان لصفحة ال phpكود PHP:include("config.php");
$category_id=$_POST["category_id"];
$category_name=$_POST["category_name"];
mysql_query("INSERT INTO subcategories
VALUES('','$category_id','$category_name')")
or die("Error in insert query because ".mysql_error());
وشكرا لكم مرة أخرى


رد مع اقتباس
