मैं AJAX का उपयोग करके चुनिंदा विकल्प विकल्प पर PHP क्वेरी कैसे निष्पादित करूं?

सबसे पहले, आपको जावास्क्रिप्ट का उपयोग करके AJAX अनुरोध को ट्रिगर करना होगा। लेकिन मैं jQuery (एक Javascript लाइब्रेरी) का उपयोग करके आपका मार्गदर्शन करूंगा।

आपका एचटीएमएल:

<select name="allbooks" id="allbooks">
  <option value="none" ></option>
  <option value="allbooks" >All Books</option>
</select>
<div id="show">
  <!-- ITEMS TO BE DISPLAYED HERE -->
</div>

उसके बाद, jQuery डाउनलोड करें ।

तो चलिए स्क्रिप्ट करते हैं:

<script src="jquery-1.9.1.min.js"></script> <!-- CHANGE THE JQUERY FILE DEPENDING ON THE VERSION YOU HAVE DOWNLOADED -->
<script type="text/javascript">
  $(document).ready(function(){ /* PREPARE THE SCRIPT */
    $("#allbooks").change(function(){ /* WHEN YOU CHANGE AND SELECT FROM THE SELECT FIELD */
      var allbooks = $(this).val(); /* GET THE VALUE OF THE SELECTED DATA */
      var dataString = "allbooks="+allbooks; /* STORE THAT TO A DATA STRING */

      $.ajax({ /* THEN THE AJAX CALL */
        type: "POST", /* TYPE OF METHOD TO USE TO PASS THE DATA */
        url: "get-data.php", /* PAGE WHERE WE WILL PASS THE DATA */
        data: dataString, /* THE DATA WE WILL BE PASSING */
        success: function(result){ /* GET THE TO BE RETURNED DATA */
          $("#show").html(result); /* THE RETURNED DATA WILL BE SHOWN IN THIS DIV */
        }
      });

    });
  });
</script>

फिर get-data.php बनाते हैं जो AJAX के माध्यम से भेजा गया डेटा प्राप्त करेगा।

if(!empty($_POST["allbooks"])){
  /* DO YOUR QUERY HERE AND GET THE OUTPUT YOU WANT */
  echo $output; /* PRINT THE OUTPUT YOU WANT, IT WILL BE RETURNED TO THE ORIGINAL PAGE */
}

आप यह उदाहरण देख सकते हैं - JSfiddle ।