两个 $.post 请求一个接一个。第二个 $.post 请求没有被执行答案

【问题标题】：Two $.post requests one after the other.Second $.post request doesn't get executed两个 $.post 请求一个接一个。第二个 $.post 请求没有被执行
【发布时间】：2013-07-26 17:04:48
【问题描述】：

我有一个 javascript 函数，其中有两个 $.post 请求。两个 $.post 请求都应该被执行。但有时，第二个 $.post 请求没有被执行。这可能是什么原因？

【问题讨论】：

我们需要查看您的代码。请设置一个小提琴。 jsfiddle.com
请更具体。提供相关代码sn-ps。没有任何代码是无法调试的。
原因是你的代码有错误。已回答...现在您应该添加更多代码。

标签： ajax jquery

【解决方案1】：

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

更容易查看我是否遗漏了什么
我可以更轻松地添加额外的参数，例如asynch: false,
当我刚接触 ajax 时，我发现解决此结构的问题要容易得多

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

这是一个独立的例子（可惜 jsFiddle 不能处理 ajax...）：

测试者.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;
}

【讨论】：

我将第二个 $.post 请求嵌套在第一个请求中，正如您在代码 sn-p 中给出的那样，现在代码可以正常工作了。