Question

所以我有这个小的可拖动项目，我可以拖放到我创建的画布中，并且工作得非常好，但是当我想要保存可拖动项目的位置时删除，我使用ajax发布到PHP，然后PHP将其存储在会话中。但它根本就不发布。没有错误显示。 $ _POST []只返回任何内容。

注意我已将ajax数据的值设置为1.我正在硬编码atm以进行测试。

页-在线tool.php

<div id="Canvas" class="col-xs-6">

    <div class="col-xs-11" id="Purse_Background"></div>

    <div class="col-xs-1">

        <div id="FLOWER_Blue" class="draggable ui-widget-content">
            <img src="imgs/blue_01.png" alt=""/>
        </div>

        <p id="pos_T" ></p>
        <p id="pos_R" ></p>
        <p id="pos_B" ></p>
        <p id="pos_L" ></p>

        <input type="text" id="id_input_01" name="name_input_01" value=""/>

        <?php

        if(isset($_POST['Blue_Top_Position'])) {  
            $Blue_Top_Position = $_POST['Blue_Top_Position'];
            echo $Blue_Top_Position;
        } else {
            echo 'fail';    
        }

        ?>

    </div>

</div>

<?php include 'footer.php'; ?>

的jquery.js

$(document).ready(function () {

 $('#FLOWER_Blue').draggable({

    containment: "#Canvas",
    scroll: false,

    drag: function(event, ui){

        $BLUE_T = ui.position.top;
        $BLUE_R = ui.position.right;
        $BLUE_B = ui.position.bottom;
        $BLUE_L = ui.position.left;

        $('#pos_T').text('TOP: ' + $BLUE_T);
        $('#pos_R').text('RIGHT: ' + $BLUE_R);
        $('#pos_B').text('BOTTOM: ' + $BLUE_B);
        $('#pos_L').text('LEFT: ' + $BLUE_L);


        $('#id_input_01').val(ui.position.top)

    },

    stop: function(event, ui){

       $.ajax({    
        url:'http://localhost/42_TEST/page-online-tool.php',
        type: 'post',
        data: {Blue_Top_Position : 1},
        done: function(data) {
            console.log('done');
        }
    }).fail (function() {
        alert('error');
    })   

}

}

);

});

Jquery.Ajax没有发布到PHP。 Php没有为$ _POST []返回任何内容

0 个答案: