\u540c\u6642\u306bajax\u51e6\u7406\u3092\u884c\u3046\u969b\u3001\u6319\u52d5\u3084\u30b3\u30fc\u30c9\u306e\u66f8\u304d\u65b9\u306b\u60a9\u307e\u3055\u308c\u308b\u3053\u3068\u304c\u591a\u3044\u3002\u4f8b\u3048\u3070A\u3068\u3044\u3046\u51e6\u7406\u306eB\u3068\u3044\u3046\u51e6\u7406\u3092\u884c\u3046\u5834\u5408\u306f\u4f55\u3082\u8003\u3048\u305a\u306b\u66f8\u304f\u3068A\u306eajax\u51e6\u7406\u6210\u529f\u5f8c\u306b\u30cd\u30b9\u30c8\u3057\u3066\u66f8\u304f\u3053\u3068\u306b\u306a\u308b\u3002\u3055\u3089\u306bC\u3068\u3044\u3046\u51e6\u7406\u3092\u8ffd\u52a0\u3059\u308b\u3068\u306a\u308b\u3068\u975e\u5e38\u306b\u898b\u3065\u3089\u3044\u30b3\u30fc\u30c9\u306b\u306a\u308b\u3002\u307e\u305f\u3001A\u3068B\u3068C\u3092\u540c\u6642\u306bajax\u901a\u4fe1\u3092\u884c\u3063\u305f\u5834\u5408\u306b\u3069\u306e\u51e6\u7406\u304c\u6700\u521d\u306b\u8fd4\u3063\u3066\u304f\u308b\u304b\u5206\u304b\u3089\u306a\u3044\u3068\u3044\u3063\u305f\u30b1\u30fc\u30b9\u3082\u3042\u308b\u3002\u305d\u3046\u3044\u3063\u305f\u5834\u5408\u306e\u5bfe\u51e6\u6cd5\u3092\u30e1\u30e2\u3002<\/p>\n
<\/p>\n
sleep(rand(1,5)); \/\/\u30e9\u30f3\u30c0\u30e0\u30671\u79d2\u304b\u30895\u79d2\u505c\u6b62\r\necho date('H:i:s');<\/pre>\n <\/p>\n
\u4f55\u3082\u8003\u3048\u305a\u306b\u66f8\u3044\u305f\u30d1\u30bf\u30fc\u30f3<\/h2>\nvar cnt = [0,1,2];\r\n\r\n$.each(cnt, function(key, val) {\r\n $.ajax({\r\n url: 'ajax.php',\r\n type:'POST',\r\n }).done(function(data) {\r\n $('#result').append('<div>' + data + '<\/div>');\r\n }).fail(function(XMLHttpRequest, textStatus, errorThrown) {\r\n alert(\"error\");\r\n })\r\n});<\/pre>\n\u7d50\u679c\u304c\u51fa\u305f\u3089append\u3057\u3066\u3044\u304f\u5f62\u3002\u30c0\u30e1\u3068\u304b\u3067\u306f\u306a\u3044\u3051\u3069\u4eca\u56de\u306f\u4e00\u62ec\u3067\u7d50\u679c\u3092\u8868\u793a\u3055\u305b\u305f\u3044\u3002<\/p>\n
<\/p>\n
\u307e\u3068\u3081\u3066\u51e6\u7406\u3059\u308b\u30d1\u30bf\u30fc\u30f3<\/h2>\nvar cnt = [0,1,2];\r\n\r\nvar ajaxtest = function(opt){\r\n var $ajax = $.ajax(opt);\r\n var defer = new $.Deferred();\r\n $ajax.done(function(data, status, $ajax){\r\n defer.resolveWith(this, arguments);\r\n });\r\n $ajax.fail(function(data, status, $ajax){\r\n defer.resolveWith(this, arguments);\r\n });\r\n return $.extend({}, $ajax, defer.promise());\r\n};\r\n\r\n\r\nvar ajax_list = [];\r\nvar data_array = [];\r\nvar html = '';\r\n$.each(cnt, function(key, val) {\r\n var $ajax = ajaxtest({url : 'ajax.php', type:'POST'}).done(function(res, status){\r\n if( status === \"success\" ){\r\n data_array[data_array.length] = '<div>'+ res +'<\/div>';\r\n }else{\r\n console.log('error');\r\n }\r\n });\r\n ajax_list.push( $ajax );\r\n});\r\n$.when.apply(null, ajax_list).done(function(){\r\n $.each(data_array, function(key, val) {\r\n html += val;\r\n });\r\n\r\n $('#result').html(html);\r\n});\r\n$.when.apply(null, ajax_list).fail(function(){\r\n console.log('error');\r\n});<\/pre>\n\u5168\u3066\u306e\u7d50\u679c\u304c\u51fa\u3066\u304b\u3089\u307e\u3068\u3081\u3066\u8868\u793a\u3055\u305b\u308b\u3002\u4eca\u56de\u306f\u7d50\u679c\u3092\u8868\u793a\u3059\u308b\u3060\u3051\u306a\u306e\u3067data_array\u306e\u3088\u3046\u306b\u914d\u5217\u306b\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u3051\u3069\u3001\u7d50\u679c\u3092\u53d7\u3051\u53d6\u3063\u3066javascript\u5074\u3067\u4f55\u3089\u304b\u306e\u51e6\u7406\u3092\u3059\u308b\u5834\u5408\u306f\u914d\u5217\u306e\u65b9\u304c\u4fbf\u5229\u3002<\/p>\n
<\/p>\n
\u53c2\u8003\u30b5\u30a4\u30c8<\/h2>\n