HTML – Change\Update page contents without refreshing\reloading the page

by

You’ve got the right idea, so here’s how to go ahead: the onclick handlers run on the client side, in the browser, so you cannot call a PHP function directly. Instead, you need to add a JavaScript function that (as you mentioned) uses AJAX to call a PHP script and retrieve the data. Using jQuery, you can do something like this:

<script type="text/javascript">
function recp(id) {
  $('#myStyle').load('data.php?id=' + id);
}
</script>

<a href="#" onClick="recp('1')" > One   </a>
<a href="#" onClick="recp('2')" > Two   </a>
<a href="#" onClick="recp('3')" > Three </a>

<div id='myStyle'>
</div>

Then you put your PHP code into a separate file: (I’ve called it data.php in the above example)

<?php
  require ('myConnect.php');     
  $id = $_GET['id'];
  $results = mysql_query("SELECT para FROM content WHERE  para_ID='$id'");   
  if( mysql_num_rows($results) > 0 )
  {
   $row = mysql_fetch_array( $results );
   echo $row['para'];
  }
?>

More Related Contents:

  1. Is the following code valid? [closed]
  2. Ajax Upload image
  3. Using Jquery Ajax to retrieve data from Mysql
  4. How to populate second dropdown based on selection of first dropdown using jQuery/AJAX and PHP/MySQL?
  5. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  6. Inserting into MySQL from PHP (jQuery/AJAX)
  7. jquery using ajax to send data and save in php [duplicate]
  8. How do I return a proper success/error message for JQuery .ajax() using PHP?
  9. Get variable from PHP file using JQuery/AJAX
  10. Sending HTML Code Through JSON
  11. Javascript function post and call php script
  12. How to create a chat program using php and mysqli for chatting [closed]
  13. How to send data to the server via Ajax?
  14. HTML: how refresh information in [closed]
  15. How do I run ajax request in background continuously?
  16. Create hyperlink from html table row to open record on a new page
  17. Call php function from JavaScript
  18. How to get the jQuery $.ajax error response text?
  19. How to upload images into MySQL database using PHP code
  20. Send array with Ajax to PHP script
  21. Delete multiple rows by selecting checkboxes using PHP
  22. How to display an BLOB image stored in MySql database?
  23. Jquery ajax setTimeout after form succes not redirecting?
  24. Codeigniter CSRF valid for only one time ajax request
  25. Create table with PHP and populate from MySQL
  26. How to keep form values after post [duplicate]
  27. Detect Ajax calling URL
  28. Add a quantity field to Ajax add to cart button on WooCommerce shop page
  29. jQuery Mobile: Sending data from one page to the another
  30. How to replace the entire html webpage with ajax response?

Leave a Comment