Question

我有这个脚本确定一个元素的位置（x位置，y位置），我试图用ajax将它发送到这个update.php文件并更新表。

this.addEventListener("load", doSomething, true);

function doSomething(e) {
    var myElement = document.querySelector("#myElement");     
    var position = getPosition(myElement);
    alert("The image is located at: " + position.x + ", " + position.y);
}

function getPosition(element) {
    var xPosition = 0;
    var yPosition = 0;

    while(element) {
        xPosition += (element.offsetLeft - element.scrollLeft + element.clientLeft);
        yPosition += (element.offsetTop - element.scrollTop + element.clientTop);
        element = element.offsetParent;
    }

    return { 
        x: xPosition,
        y: yPosition
    };
}

这给了我一个很好的警告位置，但只需要它在update.php中我可以像$_POST['x']和$_POST['y']一样轻松检索。

Answer 1

您可以将值添加到AJAX调用中的“data”属性：

$.ajax({
    url: '/oneFolderFromRoot/update.php',
    type: 'POST',
    data: {'positionX': position.X, 'positionY': position.Y},
    success: function() {
    }
});

您可以检查您的POST数据，如：

if (isset($_POST['positionX'])){
    $positionX = $_POST['positionX'];
}

使用javascript变量更新数据库

1 个答案: