2016-05-18 66 views
0

我有一個jQuery的移動調查表。檢索已經通過ajax處理的數據

的第一個問題使用{單選按鈕}詢問參與者的性別

當用戶點擊在性別單選按鈕,以及女性的數量等於100然後我想要禁用的形式。

我做了一個連接到MySQL數據庫和統計女性參與者的數量PHP和它工作得很好。但是,我怎樣才能使用ajax動態連接到php腳本,並在用戶點擊性別單選按鈕時立即顯示php腳本的結果。

請幫幫我。 php code that checks database

+2

您提供的信息量非常低,無法幫助您解決此問題 – rsz

+0

請讓我們知道您已嘗試過什麼,並在此處添加一些代碼您已完成的工作 – Nehal

+0

我已通過上傳快照從數據庫表中檢索數據的php代碼 –

回答

1

請注意,這個代碼不進行測試,我「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); 
     } 
    } 
} 
?> 

乾杯!

1

您可以在單選按鈕上添加change事件代碼,並將您的ajax代碼添加到該代碼中,如果您的php ajax具有某些結果,則可以相應地創建條件。

PS:上變化對單選按鈕類,而不是id作爲每個單選按鈕的使用可以具有單獨的ID。如果您只使用相同的ID,則首先會使用它來檢查數據。

0

如果你迴響在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 
    } 
相關問題