Knopf, der Seite verursacht, um neu zu laden

Question

Ich verwende html und jquery auf meiner Seite.

In meinem HTML habe ich einen Knopf, der beim Klicken eine Funktion auslöst.

Wenn Seite lädt ich Hauptfunktion in Dokument bereit. Hier ist mein Code

<script> 
     $(document).ready(function() { 
     main(); 

     }); 
     function main(){ 
      //some code goes here 
     } 

     function search(){ 
      //some logic 
     } 
</script> 

<div> 
    <button id="btnSearch" onclick="search()" >Search</button> 
</div> 

Aber wenn ich auf die Schaltfläche klicken, dann geht es in main Funktion und führt den Code in seinem Inneren. Warum? Es sollte nur Funktionssuche und sonst nichts aufrufen. Was mache ich falsch?

Answer 1

standardmäßig BUTTONS sind vom Typ SUBMIT, versuchen Sie dies stattdessen

<button type="button" id="btnSearch" onclick="search()" >Search</button> 

Answer 2

Das ist für mich funktioniert gut. Siehe Demo

 $(document).ready(function() { 
 
     main(); 
 

 
     }); 
 
     function main(){ 
 
     \t \t //some code goes here 
 
     \t \t \t alert('main');   
 
     } 
 

 
     function search(){ 
 
      //some logic 
 
      alert('search'); 
 
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <button id="btnSearch" onclick="search()" >Search</button> 
 
</div>