Как отправить данные файла и json с помощью AJAX? [Дубликат]
В то время как обещания и обратные вызовы хорошо работают во многих ситуациях, боль в задней части выражает нечто вроде:
if (!name) {
name = async1();
}
async2(name);
. В итоге вы пройдете через async1; проверьте, не определено ли name или нет, и соответственно вызовите обратный вызов.
async1(name, callback) {
if (name)
callback(name)
else {
doSomething(callback)
}
}
async1(name, async2)
Хотя в в порядке хорошо , это раздражает, когда у вас много подобных случаев и обработка ошибок. Вы можете проверить проект здесь . Fibers помогает в решении проблемы. var Fiber = require('fibers')
function async1(container) {
var current = Fiber.current
var result
doSomething(function(name) {
result = name
fiber.run()
})
Fiber.yield()
return result
}
Fiber(function() {
var name
if (!name) {
name = async1()
}
async2(name)
// Make any number of async calls from here
}
6 ответов
-
1– Xavier Guzman 18 September 2013 в 18:14
-
2– r3wt 12 December 2014 в 08:05
-
3– mvuajua 12 December 2014 в 15:02
-
4– AaronSieb 6 July 2015 в 19:49
-
5– Jeremy Daalder 21 October 2016 в 00:05
-
1– Henrique Barcelos 22 July 2016 в 17:00
-
2– Roey 24 July 2016 в 06:00
-
3– Sijav 28 July 2016 в 18:36
-
1– George 2 September 2014 в 18:03
-
2– KyorCode 12 September 2014 в 13:12
<form id="form" method="post" action="otherpage.php" enctype="multipart/form-data">
<input type="text" name="first" value="Bob" />
<input type="text" name="middle" value="James" />
<input type="text" name="last" value="Smith" />
<input name="image" type="file" />
<button type='button' id='submit_btn'>Submit</button>
</form>
<script>
$(document).on("click","#submit_btn",function(e){
//Prevent Instant Click
e.preventDefault();
// Create an FormData object
var formData =$("#form").submit(function(e){
return ;
});
//formData[0] contain form data only
// You can directly make object via using form id but it require all ajax operation inside $("form").submit(<!-- Ajax Here -->)
var formData = new FormData(formData[0]);
$.ajax({
url: $('#form').attr('action'),
type: 'POST',
data: formData,
success: function(response) {console.log(response);},
contentType: false,
processData: false,
cache: false
});
return false;
});
</script>
///// otherpage.php
<?php
print_r($_FILES);
?>