使用AJAX模拟点赞功能

这是本人第一次写博客，以后遇到问题或者学习新知识的时候应该都会写一篇记录下，一来可以整理一下思路，二来日后忘记时可以翻出来看一下巩固记忆，三是希望可以帮助到有需要的人，四是希望有大神可以指出程序中不足或错误之处好让小弟加以改正，下面进入正题。

今天自学了AJAX（Asynchronous Javascript And XML），即异步 JavaScript 和 XML，是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。

了解到AJAX的作用之后第一想到的是网页里常见的点赞功能，如果每次点赞都要刷新整个页面，岂不是很麻烦？于是尝试着通过模拟一个点赞功能来巩固对AJAX的学习。
首先写一个简单的点赞数量和点赞按钮

<i class="fa fa-thumbs-up"></i><label id="goodnum">3</label>&nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-thumbs-up"></i><a href="javascript:good()">点赞</a>

js代码

function good(){
    	 var goodnum = $("#goodnum").text();
         console.log(goodnum);
         
    	 $.ajax({
    		 type:"post",
    		 url : "ajax",
    		 dataType: "text", 
    		 data:{goodnum:goodnum},
    		 success:function(data){
    		 $("#goodnum").text(data);
    		 },
    		 error:function(error){
    			 console.log("出错啦！")
    		 }
    	 });
    	 
     }

后台AJAXServlet

 int a = Integer.parseInt(req.getParameter("goodnum"));
	    System.out.println(a);
	    a++;
	    String goodnum = a + "";
	    resp.getWriter().write(goodnum);

这样就实现了使用AJAX在不刷新整个页面的情况下更新点赞数量