Я хочу выполнить еще один ajax, если файл еще не введен. Но он все равно публикует действие формы.
Вот мой код:
<form method="POST" id="quiz_file" action="<?php echo site_url('home/upload_quiz/' . $kelas);?>" enctype="multipart/form-data"> <input name="filequiz" id="filequiz" type="file" /> </form> И это мой JS:
$('#submitquiz').on('click', function(event) { var inputFile = $('input[name=filequiz]'); document.getElementById('submitquiz').disabled = true; var fileToUpload = inputFile[0].files[0]; // make sure there is file to upload if (undefined != fileToUpload) { var uploadURI = $('#quiz_file').attr('action'); var formData = new FormData(); formData.append("file", fileToUpload); alert('if'); $.ajax({ url: uploadURI, type: 'post', data: { formData : formData, asid : asid_quiz, value : cmbValue }, processData: false, contentType: false, success: function(data) { } }); } else { alert('else'); $.ajax( { type: 'POST', url:'<?php echo site_url("home/assignment_score"); ?>', data: { asid : asid_quiz, value : cmbvalue, kelas : <?php echo $kelas;?>, dataType:"JSON" }, success: function(data) { console.log('asdasd' + data); alert('Quiz score submitted'); } });
Когда я только что выполнил его, появится сообщение «else». Но он все еще выполняет действие загрузки из действия формы.
Как это могло случиться? Как остановить выполнение действия по загрузке и выполнить другой запрос ajax в этой «другой» стороне?