prevent refresh of page when button inside form clicked

by

Add type="button" to the button.

<button name="data" type="button" onclick="getData()">Click</button>

The default value of type for a button is submit, which self posts the form in your case and makes it look like a refresh.

More Related Contents:

  1. How to send data to the server via Ajax?
  2. Making a quiz in HTML and Javascript [closed]
  3. Syntax Higlighter For Site [closed]
  4. How to find certain text in HTML
  5. javascript function doesn’t work when link is clicked
  6. Where should I put tags in HTML markup?
  7. What is offsetHeight, clientHeight, scrollHeight?
  8. Does Schema.org markup work if markup is dynamically built with JavaScript?
  9. Set active tab style with AngularJS
  10. Can someone explain this ‘double negative’ trick? [duplicate]
  11. HTML5 FileReader how to return result?
  12. How do image preloaders work?
  13. Prevent orientation change in iOS Safari
  14. Load HTML page dynamically into div with jQuery
  15. How to Clear/Remove JavaScript Event Handler?
  16. jQuery position DIV fixed at top on scroll
  17. JavaScript window.location does not set referer in the request header
  18. How to define the css :hover state in a jQuery selector?
  19. How to embed a PDF in HTML page?
  20. Change tag using javascript [duplicate]
  21. Create a string of variable length, filled with a repeated character
  22. The data-toggle attributes in Twitter Bootstrap
  23. Extracting text from a contentEditable div
  24. How to remove jQuery Mobile styling?
  25. How to make a button execute a php script?
  26. HTML5 input required, scroll to input with fixed navbar on submit
  27. Change onClick attribute with javascript
  28. focus on next tabindex of HTML element onEnter keypress by JQuery
  29. How can I use Perl to grab text from a web page that is dynamically generated with JavaScript?
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment