Question

如果我有一个按钮，我可以附加一个操作来执行服务器端处理，还是必须将其包装在一个表单中？

例如

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

这可以使用，还是需要的表格？

Answer 1

如果表单中没有type="submit"，则无法提交。您可以做的是拥有<button id="myButton">，然后附加一个事件：

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

“做一些很酷的事情”可能是一个Ajax请求，因此您可以将数据发送到服务器。

Answer 2

你可以，但如果你的目标是做服务器端进程，我推荐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 3

你也可以只包括js：

<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>

Answer 4

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

也可以是type = submit

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

<强> DEMO

我可以将动作附加到按钮点击吗？

4 个答案: