jQuery Ajax passing value on php same page

by

Here is the working code for you. To send ajax request to the same page you can keep url parameter empty, which you are already doing. If you are trying to make the script behave differently when $_POST has value then use isset as I have used below.

 <?php
  if(isset($_POST['sweets'])) 
  {
    echo $_POST['sweets'];
    exit;
  }
  ?>

    <script>
        $(function(){
          $("select[name="sweets"]").change(function () {
          var str = "";
          $("select[name="sweets"] option:selected").each(function () {
                str += $(this).text() + " ";

              });

                jQuery.ajax({
                type: "POST",
                data:  $("form#a").serialize(),

                success: function(data){
                    jQuery(".res").html(data);

                    $('#test').html(data);


                }
                });  
                var str = $("form").serialize();
                $(".res").text(str);
        });
        });
        </script>


 <div id="test">

  </div>

<form id="a" action="" method="post">
  <select name="sweets" >
   <option>Chocolate</option>
   <option selected="selected">Candy</option>
   <option>Taffy</option>
   <option>Caramel</option>
   <option>Fudge</option>
  <option>Cookie</option>
</select>
</form>

More Related Contents:

  1. I want to use jquery nested sortable plugin with drag and drop in codeigniter using mysqli
  2. How do I post multiple parameters to a URL
  3. How do I close a connection early?
  4. Simple jQuery, PHP and JSONP example?
  5. Using Jquery Ajax to retrieve data from Mysql
  6. Update data on a page without refreshing
  7. Passing JavaScript array to PHP through jQuery $.ajax
  8. jQuery – Call ajax every 10 seconds
  9. Creating jQuery AJAX requests to a PHP function
  10. Send multiple checkbox data to PHP via jQuery ajax()
  11. Update fee dynamically based on radio buttons in Woocommerce checkout
  12. How to load PHP file into DIV by jQuery?
  13. Submitting JSON data via JQuery ajax.post to PHP
  14. Redirect with PHP after ajax call
  15. Difference between php echo and return in terms of a jQuery ajax call [closed]
  16. jquery using ajax to send data and save in php [duplicate]
  17. Sending multiple data parameters with jQuery AJAX
  18. jQuery $.ajax request of dataType json will not retrieve data from PHP script
  19. Refresh a table with jQuery/Ajax every 5 seconds
  20. Get variable from PHP file using JQuery/AJAX
  21. Using AJAX to pass variable to PHP and retrieve those using AJAX again
  22. How to pass an array using PHP & Ajax to Javascript?
  23. How to make a Cascading Drop Down List in PHP using jQuery
  24. How to populate dependable drop-down using Ajax and php [closed]
  25. How can I pass variables from JavaScript to PHP?
  26. How to show ajax loading gif animation while the page is loading?
  27. boolean variables posted through AJAX being treated as strings in server side
  28. json_encode not working with a html string as value
  29. How to implement a chat room using Jquery/PHP?
  30. How to Load Ajax in WordPress

Leave a Comment