Jquery’ nin AJAX özelliği ile PHP sayfasına dizi olarak gönderme
index.php sayfası oluşturun ve aşağıdaki PHP kodunu girin.
<select name="tarih" id="tarih" multiple='multiple'>
<option value="1">MTD</option>
<option value="3">YTD</option>
<option value="4">QTD</option>
<option value="6">ATD</option>
<option value="9">FTD</option>
<option value="11">CTD</option>
</select>
Yukarıda oluşturmuş olduğunuz index.php aşağıdaki jquery scriptini </body> etiketinin hemen üzerine yerleştirin.
<script>
$(document).ready(function(e) {
$(document).on("click","#submitbtn", function(){
var nos = $("#id").val();
$.post( "ajax.php", { nos: nos })
.done(function( data ) {
$('#loadmixdata').html(data );
});
});
});
</script>
Alternatif olarak, yukarıdaki jquery scriptinin yerine aşağıdaki jquery scripti kullanabilirsiniz.
<script>
$(document).ready(function(e) {
$(document).on("click","#submitbtn", function(){
var nos = $("#id").val();
$.ajax({
type: "POST",
url: urllink,
data: "nos =" + nos,
success: function(html){
if (html !='') {
$('#loadmixdata').html(html);
}
},
error: function(xhr, status, error) {
alert('Hata Oluştu:' + xhr.textStatus);
}
});
});
});
</script>
ajax.php sayfası oluşturun ve aşağıdaki PHP kodunu girin.
<?PHP
$nos = explode(',',$_POST['nos']);
foreach ($nosas $k=>$v){
echo $v."<BR>";
}
?>
index.php sayfasının tümü.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bilgisayar.me</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<select name="date" id="date" multiple='multiple'>
<option value="1">MTD</option>
<option value="3">YTD</option>
<option value="4">QTD</option>
<option value="6">QTD</option>
<option value="9">QTD</option>
<option value="11">QTD</option>
</select>
<script>
$(document).ready(function(e) {
$(document).on("click","#submitbtn", function(){
var nos = $("#id").val();
$.ajax({
type: "POST",
url: urllink,
data: "nos =" + nos,
success: function(html){
if (html !='') {
$('#loadmixdata').html(html);
}
},
error: function(xhr, status, error) {
alert('Hata Oluştu:' + xhr.textStatus);
}
});
});
});
</script>
</body>
</html>
Bu kadar. Seçenek menüsünden birden fazla seçilmiş değeri Jquery’ nin AJAX özelliği ile PHP sayfasına dizi olarak göndermeyi öğrenmiş olduk.
Jquery eklentisini sayfanıza eklemeyi unutmayın.
