Ajax 单击事件 （from表单提交）

先引入 js

 <script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.min.js"></script>

在给 标签添加单击事件

方法一：

 <input type="button" value="单击事件" onclick="but()"/>

方法二：

<input id="buttonLogin" type="button" value=" 单击事件 "/>

在<script>标签中写 

方法一：

<script type="text/javascript">
    function but(){
        $.ajax({
	            //几个参数需要注意一下
	            type: "POST",//方法类型
	            dataType: "json",//预期服务器返回的数据类型
	            url: "/login" ,//
	            data: $('#login').serialize(),//from表单 的id="login"
	            success: function (result) {
	               alert("提交成功！");
	            },
	            error : function() {
                   alert("提交失败");
                   location.reload();//刷新页面
	            }
	   });
    }
<script>

方法二：

<script type="text/javascript">
	$(function(){
        ("#but").click(function() {
            
            	$.ajax({
	            //几个参数需要注意一下
	                type: "POST",//方法类型
	                dataType: "json",//预期服务器返回的数据类型
	                url: "/login" ,//
	                data: $('#login').serialize(),//表单的id="login"
	                success: function (result) {
	                   
	                    alert("success");
	                },
	                error : function() {
	                    alert("error");
                    	location.reload();//刷新页面
	                }
	            });
            
            })
    
    });

</script>