HTML form表单提交问题

今天用jquery 写 小功能(留言板)用到了form表单，获取文本数据时发现在页面没显示，以为获取方式错了，结果用console.log()在控制台打印时还是刷新掉了，这才意识到是表单提交的问题。

HTML 代码：

JQUERY代码：

在搜寻答案的过程中发现了一个方法：event.preventDefault() ，它能对阻止表单的提交，添加了该方法后就能让页面不会被提交，数据也不会被刷新掉：

留言版上的内容也出来了：