ページをリロードせずにサーバーで PHP 関数を開始し、生成された情報を送信するこの AJAX 関数がありますが、その PHP スクリプトにフォーム入力値を送信する必要もあります。
AJAX:
function sorting()
{
var ajax = getRequest();
ajax.onreadystatechange = function()
{
if(ajax.readyState == 4)
{
document.getElementById('main').innerHTML = ajax.responseText;
}
}
document.getElementById('main').innerHTML = "<br/><img src=img/ajax-loader.gif><br/><br/>";
ajax.open("POST", "sorting.php", true);
ajax.send(null);
}
切り捨てられた HTML フォーム:
<form method="post" action="" name="dateform" id="dateform">
<select name="n_metai" id="n_metai" ><option value="1">1</option>...
</select>
<select name="n_menuo" id="n_menuo" ><option value="2">2</option>...
</select>
<input type="text" name="skaitliukas" id="skaitliukas" size="3" value="1" title="Mažiausias skambučių pasikartojimas">
<input type="checkbox" name="nuliniai" id="nuliniai" value="1" title="Rodyti tik su nulinėmis trukmėmis">
<button name="submit_button" onclick='sorting(); return false;'> Pateikti</button>
</form>