javascript - 使用 JavaScript 变量更新数据库

Question

这个问题已经有答案了:

jQuery Ajax POST example with PHP (17 个回答)

已关闭 9 年前。

我有这个脚本来确定元素的位置(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 调用中的“数据”属性:

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

您可以检查您的 POST 数据，例如:

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