AngularJs doens't communicate with Servlet
<p>I'm writing a vary simple web page that should take two input and insert into a database but I'm trying to use AngularJs.
If I don't use Angular, I can communicate with Servlet and it works perfectly, but I can't do it with angular.
I give you here all the details of my project.
Project name: <strong>AngularDb</strong></p>

<p><strong>index.html</strong></p>

<pre><code>&lt;body data-ng-app="noteApp"&gt;
&lt;div&gt;
    &lt;form data-ng-control="noteCtrl" ng-submit="addNote()"&gt;
        &lt;div class="nameContainer"&gt;
        Inserisci il nome: &lt;input type="text" name="nome" data-ng-model="nome"&gt;&lt;br&gt;
        &lt;/div&gt;
        &lt;div class="noteContainer"&gt;
        Inserisci qui una nota: &lt;textarea rows="5" cols="50" name="note" data-ng-model="note"&gt;&lt;/textarea&gt;
        &lt;br&gt;
        &lt;button&gt;Invia dati&lt;/button&gt;
        &lt;/div&gt;

    &lt;/form&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p><strong>controller.js</strong></p>

<pre><code>var app=angular.module('noteApp', [])
app.controller('noteCtrl', function ($scope, $http){
 $scope.myNote = function() {}
 $scope.addNote = function () {
 $http({
   method: 'POST',
   url: 'http://localhost:8080/AngularDb/WebAppDbServlet',
   data: {"nome":$scope.nome, "note":$scope.note}
  })
 }
})
</code></pre>

<p>Servlet is inside a (default package)
<strong>RegisterServlet.java</strong></p>

<pre><code>import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.SQLException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/WebAppDbServlet")
public class RegisterServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;

       // JDBC driver name and database URL
       static final String JDBC_DRIVER = "org.gjt.mm.mysql.Driver";  
       static final String DB_URL = "jdbc:mysql://localhost:3306/fabio";

       //  Database credentials
       static final String USER = "root";
       static final String PASS = "*******";


    public RegisterServlet() {
        super();
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.getWriter().append("Served at: ").append(request.getContextPath());
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
        Connection conn=null;
        try{
            String Name = request.getParameter("nome");
            String Note = request.getParameter("note");
            Class.forName("org.gjt.mm.mysql.Driver");
            conn = DriverManager.getConnection(DB_URL, USER, PASS);
            String sql = "INSERT INTO fabio.appunti (nome, note) values ('"+Name+"', '"+Note+"');";
            PreparedStatement psSql = conn.prepareStatement(sql);
            psSql.executeUpdate();
        }catch(Exception e){
            e.printStackTrace();
        }finally{
            try{
                if(conn!=null)
                    conn.close();
            }catch(SQLException se){
                se.printStackTrace();
            }
        }
    }

}
</code></pre>

<p><strong>web.xml</strong></p>

<pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
&lt;web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0"&gt;
  &lt;display-name&gt;AngularDb&lt;/display-name&gt;
  &lt;welcome-file-list&gt;
    &lt;welcome-file&gt;index.html&lt;/welcome-file&gt;
    &lt;welcome-file&gt;index.htm&lt;/welcome-file&gt;
    &lt;welcome-file&gt;index.jsp&lt;/welcome-file&gt;
    &lt;welcome-file&gt;default.html&lt;/welcome-file&gt;
    &lt;welcome-file&gt;default.htm&lt;/welcome-file&gt;
    &lt;welcome-file&gt;default.jsp&lt;/welcome-file&gt;
  &lt;/welcome-file-list&gt;
  &lt;servlet&gt;
    &lt;servlet-name&gt;RegisterServlet&lt;/servlet-name&gt;
    &lt;servlet-class&gt;RegisterServlet&lt;/servlet-class&gt;
  &lt;/servlet&gt;
  &lt;servlet-mapping&gt;
    &lt;servlet-name&gt;RegisterServlet&lt;/servlet-name&gt;
    &lt;url-pattern&gt;/WebAppDbServlet&lt;/url-pattern&gt;
  &lt;/servlet-mapping&gt;
&lt;/web-app&gt;
</code></pre>

<p>if, instead of</p>

<pre><code>&lt;form data-ng-control="noteCtrl" ng-submit="addNote()"&gt;
</code></pre>

<p>I write this</p>

<pre><code>&lt;form action="WebAppDbServlet" method="Post" data-ng-control="noteCtrl"&gt;
</code></pre>

<p>I know it works well so I know the problem is something with AngularJs.</p>