Могу ли я приложить действие к кнопке button?

Question

Если у меня есть кнопка, могу ли я приложить к ней какое-либо действие для выполнения обработки на стороне сервера, или она должна быть завернута в форму?

Например

<button type="submit" onClick="listco_directory_contents.js"> List </button> 

Может ли это быть сделано, чтобы работать, или требуется форма?

Answer 1

Вы можете сказать, но если вы хотите выполнить процессы на стороне сервера, я рекомендую использовать jquery.

<!--this button uses javascript--> 
<input type="button" onclick="myfunction()" value="button"/> 

<!--this button uses jquery--> 
<input type="button" id="myfunction" value="button"/> 

<script> 
//javascript function using the onclick event 
function myfunction(){ 
    alert("an action"); 
    // or any other function u wish to 
    // do once the button is click 
} 

//jquery using the id of the button 
$(document).ready(function(){ 
    $("#myfunction").click(function(){ 
     alert("another action"); 
     // or any other function u wish to 
     // do once the button is click 
    }); 
}); 
</script> 

Answer 2

У вас не может быть type="submit", если он не в форме, и ничего не отправлять. Что вы можете сделать, это имеющий <button id="myButton">, а затем приложить к нему событие:

var myButton = document.selectElementById('myButton'); 
myButton.addEventListener('click', function() { 
    /* do something cool */ 
}, false); 

И «делать что-то крутое» может быть запрос Ajax, чтобы вы отправить данные на сервер.

Answer 3

$(function(){ 
$(':submit').on('click',function(){ 
    alert('hi'); 
}) 
}) 

также может быть тип = представить

$(function(){ 
$('input[type="submit"]').on('click',function(){ 
    alert('hi'); 
}) 
}) 

DEMO

Answer 4

Вы также можете просто включить ЯШ:

<script type="text/javascript" src="listco_directory_contents.js"></script> 

и ю ан вызов любой функции вам нужно оттуда:

<button onClick="exampleFunction()"> List </button> 

Или в случае, если вы хотите сделать обработку на стороне сервера с PHP вы можете сделать просто:

<button onClick="$.post('http://example.com/index.php');"> List </button>