Change DIV content using ajax, php and jQuery

by 
<script>

function getSummary(id)
{
   $.ajax({

     type: "GET",
     url: 'Your URL',
     data: "id=" + id, // appears as $_GET['id'] @ your backend side
     success: function(data) {
           // data is ur summary
          $('#summary').html(data);
     }

   });

}
</script>

And add onclick event in your lists 

<a onclick="getSummary('1')">View Text</a>
<div id="#summary">This text will be replaced when the onclick event (link is clicked) is triggered.</div>

More Related Contents:

  1. How to inject javascript code that uses php variables into php page
  2. How to get the jQuery $.ajax error response text?
  3. Passing JavaScript array to PHP through jQuery $.ajax
  4. Send array with Ajax to PHP script
  5. Creating jQuery AJAX requests to a PHP function
  6. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  7. How to load PHP file into DIV by jQuery?
  8. Passing Javascript Variable to PHP using Ajax
  9. Jquery – Uncaught TypeError: Cannot use ‘in’ operator to search for ‘324’ in
  10. Pass data from jQuery to PHP for an ajax post
  11. How to pass an array using PHP & Ajax to Javascript?
  12. Jquery: Running AJAX locally without a webserver
  13. How can I pass variables from JavaScript to PHP?
  14. How to rotate image and save the image
  15. Cross Domain Ajax Request with JQuery/PHP
  16. show progressbar while loading pages using jquery ajax in single page website
  17. How to implement a chat room using Jquery/PHP?
  18. How do I post multiple parameters to a URL
  19. Is the following code valid? [closed]
  20. Using Jquery Ajax to retrieve data from Mysql
  21. How to execute ajax function onbeforeunload?
  22. First drop down menu to auto change the options of a second dropdown
  23. Ajax File Download using Jquery, PHP
  24. How to preview an image before and after upload?
  25. PHPExcel download using ajax call
  26. How to replace html element with ajax response?
  27. jQuery AJAX Call to PHP Script with JSON Return
  28. passing php string with multiple lines to a javascript function/variable
  29. Add a quantity field to Ajax add to cart button on WooCommerce shop page
  30. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]

Leave a Comment