1.下面代码实现通过jquery为html中的button标签、和input标签设置响应的响应函数;
其中input类型的标签有两个响应函数,点击一次,会分别执行两个响应的函数。
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.post("ceshi1.php",{
name:"菜鸟教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});
$("input").click(function(){ //所有input控件都会执行的函数
$.post("ceshi1.php",{
name:"菜鸟教程",
url:"http://www.runoob.com"
},
function(data,status){
alert("数据: \n" + data + "\n状态: " + status);
});
});
});
function shishi1()
{
alert("shishi1");
}
</script>
</head>
<body>
<button>发送一个 HTTP POST 请求页面并获取返回内容</button>
<!--下面input控件会执行两个函数,分别是shishi1()函数和input()响应函数;-->
<input type="button" onclick="shishi1()" name="buttonone">
</body>
</html>