我有一個jQuery的移動調查表。檢索已經通過ajax處理的數據
的第一個問題使用{單選按鈕}詢問參與者的性別
當用戶點擊在性別單選按鈕,以及女性的數量等於100然後我想要禁用的形式。
我做了一個連接到MySQL數據庫和統計女性參與者的數量PHP和它工作得很好。但是,我怎樣才能使用ajax動態連接到php腳本,並在用戶點擊性別單選按鈕時立即顯示php腳本的結果。
我有一個jQuery的移動調查表。檢索已經通過ajax處理的數據
的第一個問題使用{單選按鈕}詢問參與者的性別
當用戶點擊在性別單選按鈕,以及女性的數量等於100然後我想要禁用的形式。
我做了一個連接到MySQL數據庫和統計女性參與者的數量PHP和它工作得很好。但是,我怎樣才能使用ajax動態連接到php腳本,並在用戶點擊性別單選按鈕時立即顯示php腳本的結果。
請注意,這個代碼不進行測試,我「VE只是寫只是爲了演示:
這個JS腳本主要是檢查所選擇的單選按鈕是否是女性,然後通過郵局發送檢查標記到PHP文件。
在你的PHP文件,你應該檢查一下女人的總數已經是100;然後返回一個類型爲「exceeded」的消息,該消息將在腳本中捕獲,因此您可以添加所需的操作,例如隱藏表單和添加自定義消息。
JS:
<script type="text/javascript">
$('form input[name=female]').on('change', function() {
if ($('input[name=female]:checked', 'form').val() == "female") {
var loader = jQuery('#loader');
loader.fadeIn();
//add aditional post values values here
post_data = {
'check': '1'
};
$.post('processing.php', post_data, function (response) {
if (response.type == "exceeded") {
$('#message').html(response.text);
$("#message").fadeIn();
loader.fadeOut();
//Do more actions here like:
$('form').slideUp();
}
}, 'json');
}
});
</script>
processing.php
<?php
if ($_POST) {
//check if its an ajax request, exit if not
if (!isset($_SERVER['HTTP_X_REQUESTED_WITH']) AND strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) != 'xmlhttprequest') {
$output = json_encode(array(//create JSON data
'type' => 'error',
'text' => 'Sorry Request must be Ajax POST'
));
die($output); //exit script outputting json data
}
$check = filter_var($_POST["check"], FILTER_SANITIZE_NUMBER_INT);
if ($check) {
//check the total nbr of women saved in the database and add it to $total_women
if ($total_women >= 100) {
$output = json_encode(array('type' => 'exceeded', 'text' => 'Max nbr reached'));
die($output);
}
}
}
?>
乾杯!
如果你迴響在PHP服務器端任何它重新調整了ajax成功
所以你的Ajax應該抓住它展示給用戶這樣的
success: function(data) {
//data is what you echoed in php server side like enough participant like this
alert(data); //just alert message or you should append it with html
}
您提供的信息量非常低,無法幫助您解決此問題 – rsz
請讓我們知道您已嘗試過什麼,並在此處添加一些代碼您已完成的工作 – Nehal
我已通過上傳快照從數據庫表中檢索數據的php代碼 –