السلام عليكم ورحمة الله وبركاته
أخوتي الكرام اولا شاكر لكم مسبقا تعاونكم في سوالف في مساعدة المبرمجين العرب.
عندي مشكلة في عمل 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();
}
كود الفورم :
كود 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());
هو لا يعطني خطأ في التنفيذ ولكن لا يقوم بارسال المعلومان لصفحة ال php
وشكرا لكم مرة أخرى