Почему страница перезагружается при загрузке файла с помощью ajax?

Просто измените тип ввода «отправить» на «кнопка». Поскольку тип ввода «отправить» имеет поведение по умолчанию для отправки формы. Если вы измените тип ввода на «кнопка», а тип «кнопка» не будет иметь поведения по умолчанию.

<input id = "form_submit" value = "Upload" type = "submit" name = "form_submit"/> 

К

<button id = "form_submit"  value = "Upload" type = "button" name = "form_submit">Upload</button>

Если вы хотите сделать это с помощью jquery, просто внесите некоторые изменения в функцию jquery, и вы можете предотвратить поведение кнопки отправки по умолчанию, как показано ниже.

$('#form_submit').on('click', function(e) {
    e.preventDefault();
    var file_data = $('#file-upload').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);
    $.ajax({
    url: 'file_upload_parser.php', // point to server-side PHP script 
    dataType: 'text',
    cache: false,
    contentType: false,
    processData: false,
    data: form_data,                         
    type: 'post',
    success: function(data){
    alert(data);
    }
    });
    });

и вы можете использовать

<input id = "form_submit" value = "Upload" type = "submit" name = "form_submit"/> 

Используйте метод jQuery event.preventDefault().

Не так

$("#form_submit").click(function(event){ 
  // Your upload code here     
  event.preventDefault();
});

Используйте как это

$("#form_submit").click(function(event){      
  event.preventDefault();
  // Your upload code here
});

Поместите event.preventDefault() в верхнюю часть функции, чтобы предотвратить поведение по умолчанию, затем напишите свой код.