Question

我正在寻找一个免费的或有人向我展示一些如何构建像这样的AJAX队列的代码：

http://codecanyon.net/item/ajax-queue-jquery/full_screen_preview/4903957

<!DOCTYPE html>
<html>
<head>
<script>
function tasks()
 {

     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      xmlhttp.open("GET","a.php?q="+str,true);
      xmlhttp.send();
}
</script>

</head>
<body onload="tasks()">


</table>
<div id="txtHint"><b>Person info will be listed here.</b></div>

</body>
</html>

如何才能显示当前在a.php上的内容或返回成功

Answer 1

我认为你应该这样做：

$('button').on('click', function(e){
  var urlObj = {
    0: {
        'field': 'f1',
        'url': 'someUrl_1'
    },
    1: {
        'field': 'f2',
        'url': 'someUrl_2'
    },
    2: {
        'field': 'f3',
        'url': 'someUrl_3'
    }
  };

  $.each(urlObj, function(index, value) {
      postRequest(value.field, value.url);
  });
});

function postRequest(field, url){
// here you should make your post request
// and on success criteria
$('.'+field).addClass('success');
}

它将如何显示 - 您可以在此处看到 - JSFiddle

如何创建一个AJAX队列来执行多个PHP脚本

1 个答案: