0

「index.php」でドラッグアンドドロップ機能を使用し、変数「要素」を「store.php」に投稿しようとしています。最終バージョンでは、データベースを更新する必要があります。

「store.php」が呼び出されて実行されますが、変数が渡されていません。これをキャッチするためのトラップを使用して「store.php」の短縮バージョンを下に添付したので、このバージョンでは「要素の値が設定されていません」という応答が返されます。

索引.PHP:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="scripts/jquery-1.3.2.min.js"></script>
<script src="scripts/jquery-ui-1.7.1.custom.min.js"></script>
<link rel="stylesheet" href="style.css">

<div class="content_box" id="content_box_drag" onMouseOver="drag();">
    Drag label
    <?php for($i=0; $i<5;$i++) {
        echo "<p class='dragelement' id='dragelement_$i'>Ferrari_$i</p>";
    } ?>
</div>

<div class="content_holder_box" id="content_box_drop">
    Drop here
    <p class="dropper"></p>
</div>

<div style="clear:both;"></div>
    <br/><br/>
<div id="search_result"></div> 

<script>
    //initialize the drag and drop functions.
   function drag(){

    $( "#content_box_drag p" ).draggable({
        appendTo: "body",
        helper: "clone",
        revert: "invalid"

     });

    $( "#content_box_drop p" ).droppable({
        activeClass: "dropper_hover",
        hoverClass: "dropper_hover",
        accept: ":not(.ui-sortable-helper)",
        drop: function( event, ui ) {
             var ele = ui.draggable.text();
                $.ajax({
                url: "store.php",
                method: "POST",
                data: "element=" + ele,
                success: function(result) {
                    alert(result);
                }
           });
        }
    });
   }
</script>

STORE.PHP (短縮):

<?php

if(isset($_POST['element'])){
    $element=$_POST['element'];
} else {
    echo "Element value not set";
    exit;
}

?>

変数が設定されていない理由はありますか?

4

1 に答える 1

1

パラメータmethodが存在しません。変更してくださいtype: "POST"

データを JSON マップとして設定し、次のように変更data: "element=" + eleしますdata: {element : ele}

http://api.jquery.com/jQuery.ajax/ (検索typeの説明)

$( "#content_box_drop p" ).droppable({
    activeClass: "dropper_hover",
    hoverClass: "dropper_hover",
    accept: ":not(.ui-sortable-helper)",
    drop: function( event, ui ) {
         var ele = ui.draggable.text();
            $.ajax({
            url: "store.php",
            type: "POST",
            data: {element : ele},
            success: function(result) {
                alert(result);
            }
       });
    }
});
于 2012-12-13T06:57:20.707 に答える