Ajax|HTML获取数据打印Json数据

今天在写页面的时候需要用Ajax传数据，然后呢，需要在HTML页面上接收到输入框的相关数据并且转换为JSON数据格式，然后通过ajax传输数据到后台，以下是相关的ajax代码。（sub为按钮的id，并且需要导入jquery的js文件）

<script type="text/javascript">
$(function(){
  document.getElementById("sub").addEventListener("click",function(e){
        var Title=$("#Title").val();//获取标题
        var UserName=$("#UserName").val();//获取姓名

        //格式化
        var formdata={
            "Title":Title,
            "UserName":UserName
        }
        //打印JSON数据
        console.log(formdata);

        $.ajax({
            url:"/url",
            type:"POST",
            data:JSON.stringify(formdata),
            dataType:'json',
            contentType:"application/JSON;charset=UTF-8",
            processData:false,
            async:false,
            success:function(data){
                console.log(data);//打印Json数据
                console.log(data.Data);//控制台打印后台返回的数据
                alert(data.Data);//弹出后台返回的数据
            },
            error:function(data){
                alert("Error！")
            }
        });
    })
})
</script>