javascript - AJAX 与 PHP 调试

Question

我正在创建的内容如下所示:

按钮 Last Week 和 Next Week、input 区域和 boxes 用于检索他们在其中写入的日期作为选定的日期。

问题:“下周”按钮出现异常行为。

这是点击它时首先显示的内容: (很棒)

这是之后发生的事情:(它没有定义为日期，被提醒的那个) 选择和提醒的日期不是呈现的日期。

相反，它选择运行脚本后附加的日期(因此，它选择 7 天后)。

Ajax:

function foooo2(ctrl) {
        var mydate = extractContent(document.getElementsByClassName('herecode2')[0].innerHTML);
        alert(mydate);
        $.ajax({
            type: "POST",
            url: '/buttons_past_script.php',
            data: ({dates1: mydate}),
                dataType : 'html',
            success: function(data) {
                $('.past_button').html(data);
              //  alert(data);
                $.ajax({
            type: "POST",
            url: '/buttons_next_script.php',
            data: ({dates2: mydate}),
                dataType : 'html',
            success: function(data) {
                $('.next_button').html(data);
              //  alert(data);
                $.ajax({
                    type: "POST",
                    url: '/boxes_buttons_script.php',
                    data: ({dates3: mydate}),
                        dataType : 'html',
                    success: function(data) {
                        $('.caixas').html(data);
                     //   alert(data);
                        $.ajax({
                            type: "POST",
                            url: '/events_script.php',
                            data: ({dates4: mydate}),
                                dataType : 'html',
                            success: function(data) {
                                $('.results-ajax').html(data);
                          //  alert(data);
                            }
                        });//end of forth ajax call
                    }
                });//end of third ajax call
                }
            });//end of second ajax call
            }
        });//end of first ajax call
   }

下一个按钮的 PHP:

<?php
    // Include and instantiate the class.
    require_once 'helpers/Mobile-Detect-2.8.24/Mobile_Detect.php';
    $detect = new Mobile_Detect;
    $dias= $_POST["dates2"];
    $first_date2 = strtotime($dias);
    $nweek_date = strtotime('+7 day', $first_date2);
    $nday_date = strtotime('+1 day', $first_date2);

    // Any mobile device (phones or tablets).
    if ( $detect->isMobile() ) {
        echo '<div class="day-after col-md-2 col-sm-2 col-xs-2">
                    <button type="button" onclick="foooo2(this)" class="btn btn-default herecode2">
                      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">'.date('m/d/y', $nday_date).'</span>
                    </button>
                </div>';
    } else {
      echo '<div class="next-week col-md-2 col-sm-2 col-xs-2">
                    <button type="button" onclick="foooo2(this)" class="btn btn-gray btn-default herecode2">
                     Next Week <span class="glyphicon glyphicon-chevron-right" aria-hidden="true">'.date('m/d/y', $nweek_date).'</span>
                    </button>
                </div>';
    }

    ?>

注意:此信息对于帮助应该没问题。如果您需要任何其他信息，请告诉我。

Answer 1

您可以通过在 PHP 代码中添加一个 id 来修复它:

Next Week <span id="nextdate" class="glyphicon glyphicon-chevron-right" aria-hidden="true">'.date('m/d/y', $nweek_date).'</span>

然后，而不是:

var mydate = extractContent(document.getElementsByClassName('herecode2')[0].innerHTML);

你可以使用:

var mydate = $("#nextdate").html();