两个$ .post请求一个接一个。第二个$ .post请求不会被执行

我有一个JavaScript函数,我有两个$ .post请求。$ .post请求都应该被执行。但有时,第二个$ .post请求不会被执行。可能是什么原因呢?

$.post()是$ .ajax()结构的缩写形式。 我通常更喜欢使用$.ajax()结构,因为:

  • 我很容易看到我是否错过了任何东西
  • 我可以更容易地添加额外的参数,如asynch: false,
  • 当我对ajax感兴趣时,发现对这个结构进行故障排除相当容易

在你的情况下,你可能会发现你的问题在$.ajax()结构中更容易解决,因为更容易看到第二个Ajax调用(取决于第一个Ajax调用的结果)必须发生在成功第一个ajax调用的函数

这是一个独立的例子(太糟糕了jsFiddle无法处理ajax …):

TESTER.PHP

 <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#eml').focus(); $('#mybutt').click(function() { var $a = $('#eml').val(); var $b = $('#pw').val(); //alert('Email: ' +$a+ ' Pass: ' +$b); $.ajax({ type:"POST", url: "yourphpfile.php", data: 'email=' +$a+ '&pass=' +$b, success: function(data) { alert(data); var aData = data.split('|'); var name = aData[0]; var code = aData[1]; alert('Name: ' +name+ ' Code: ' +code); $.ajax({ type:"POST", url: "yourphpfile.php", data: 'name=' +name+ '&code=' +code, success: function(newdata) { alert(newdata); } //END success_ajax2 }); //END ajax() #2 } //END success_ajax1 }); //END ajax() #1 }); //END mybutt.click() }); //END $(document).ready() </script> </head> <body> Email: <br /> <input type="text" id="eml" /><br /> Password: <br /> <input type="password" id="pw" /><br /> <input type="button" id="mybutt" value="Submit"> </body> </html> 

yourphpfile.php

 <?php if (isset($_POST['email'])) { $e = $_POST['email']; $p = $_POST['pass']; $name = 'Bob'; $code = '1234'; $resp = $name .'|'. $code; echo $resp; }else if (isset($_POST['name'])) { $n = '<h1>Here is something new</h1>'; echo $n; }