Javascript 提交表单数据而不重新加载页面

我试图在不使用jQuery重新加载页面本身的情况下提交表单，但是数据没有显示，表单正在重新加载，这是不需要的

jQuery代码：

function submitFormData() {
var firstval = $("#first").val();
var second = $("#second").val();
//var operator = $("#myselect option:selected" ).text();
$.post("index.php",{first:first,second:second},
function(data){
    $('#results').html(data);
    $('#formcal')[0].reset();
});
}

这是同一页面上的HTML代码（INDEX.PHP）：

+
-
*
/

阻止表单提交的默认操作

function submitFormData(event) {
   // prevent the default action
   event.preventDefault();

   // Other pieces of code

---

您可以在表单本身上使用onsubmit事件

+
-
*
/
函数SubmitFormData（）{
警报（“触发提交功能”）；
返回false；
}


function submitFormData(event) {
   // prevent the default action
   event.preventDefault();

   // Other pieces of code