Question

我试图弄清楚为什么对jQuery.post()的调用要么不获取数据，要么不完全运行获取后的函数。

我包括三个文件； HTML文件，JavaScript文件和PHP文件。 HTML包含模态元素，我希望最终按下“删除”按钮。

jQuery正在单击并运行$.on("click")的函数。

但是，当我尝试调用$.post时，根据我的chrome开发人员调试，它会使用.post()进行一系列处理和操作，但不会发出警告来告诉我我从delete_prep.php检索的数据已准备好用于在确认模式中填充数据。

我对使用任何一种Ajax都是相当陌生的，并且由于.post()出现在许多其他堆栈溢出问题中，因此我认为这是使用$.ajax()的推荐替代方法

我认为下面列出的代码足以检索数据，然后得到一条警告，提示“ JSON对象”或“关联数组”或任何适用的内容。不幸的是，警报甚至没有显示。

适用的HTML代码段

<button type="button" data-title="Delete" data-opid="<?php echo $operator['operator_id']; ?>" class="icon-btn delete">Delete</button>

<div class="modal-wrapper" id="delete_operator_modal">
        <section class="modal">
            <div class="modal-bar">
                <button id="close_modal_button" class="close-button">&times;</button>
            </div>
            <div class="modal-content">
                <h2>Delete Operator?</h2>
                <p id="delete_operator_name">Default Message</p>
                <p id="delete_operator_message">If this operator is deleted, their franchises will no longer have an
                    owner, and be marked 'For
                    Sale'.</p>
                <footer class="modal-footer">
                    <button onclick="closeModal()" id="confirm_delete_button" class="primary button">Delete Operator</button>
                    <button onclick="closeModal()" id="cancel_delete_button" class="secondary button">Cancel</button>
                </footer>
            </div>
        </section>
    </div>

将为jQUERY重写的文档脚本中的

var deleteButton = document.querySelector('.icon-btn.delete');
        var closeButton = document.querySelector('.close-button');
        var cancelButton = document.querySelector('#cancelButton');
        Modal = document.querySelector('.modal-wrapper');

        function openModal() {
            Modal.classList.add('open');
        }

        function closeModal() {
            Modal.classList.remove('open');
        }

适用的js文件中的脚本

jQuery(function () {

    // This will show the delete modal and populate it with the information from the record the last pressed button corresponds to
    function showDeleteModal(id) {

        // This is where the code that doesn't seem to be running begins

        $.post(
            'ajax_php/delete_prep.php', // Gets information for delete confirmation
            {
                id: id                  // Data that is used to run the SQL query
            },
            function (data) {
                var operator = JSON.parse(data);    // Converts to an object so that it can be used as an associative array
                top.alert(typeof(operator));            // DEVELOPMENT checking to make sure it is an object
            }
        )
        ;

        // END NON WORKING CODE

        // Show the modal once the data is changed
        $('#delete_operator_modal').addClass('open');
    }

    $('*[data-opid]').on("click", function () {
        showDeleteModal($(this).attr("data-opid"));
    });

    $('#close_modal_button').on("click", function () {
        // call function to close the modal that corresponds to the button that was clicked
    });
});

最终删除了delete_prep.php

<?php
require_once('obsured_path/initialize.php');

$operator = find_operator_by_id($id);
echo json_encode($operator);

Answer 1

聊天讨论摘要。

发现了两个问题。首先，泰勒发现他有一个.htaccess文件，其中包含一些规则，该规则导致请求在尝试访问该文件时返回403禁止访问。他删除了该文件，403已解决。

第二，他的脚本引用了一个未定义的变量。修复它以指向脚本提供的$ _POST ['id']之后，它开始按他的预期工作。

jQuery.post（）似乎由于某种原因而被跳过

1 个答案: