從javascript獲取值到php變量

Question

這是一個像 Facebook 一樣的可拖動圖像。 當我拖動它時更改 JavaScript 值。 問題是如何將這個值傳遞給 PHP，當我單擊按鈕時，它應該保存更改嗎？

這是 JavaScript 代碼：

$(document).ready(function(){
    $('.wrap').imagedrag({
      input: "#output",
      position: "middle",
      attribute: "html"
    });

  });

這是 HTML：

<span id="output"></span>

另外我想將它從 PHP 的變量保存到數據庫中。

Answer 1

看看jQuery.ajax() 。 有了它，您可以動態地將變量值發送到您的 php.ini 文件。

例子：

$.ajax({
  type: "POST",
  dataType: "json",
  url: "some.php",
  data: { name: "John", location: "Boston" }
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });

在你的情況下：

你的html

<span id="output"></span>

你的javascript

 // Define the click evenement to your button
 $('#output').click(function(){

    // Retrieve the value you want to save
    var valueToSave = ...;

    // Send the value in PHP
    $.ajax({
        type: "POST",
        dataType: "json",
        url: "yourPhpPage.php",
        data: { "value": valueToSave }
    })
    .done(function(msg) {
        alert("Data Saved!");
    });
 });

你的 PHP

if (($value = filter_input(INPUT_POST, "value", FILTER_UNSAFE_RAW)) !== null)
{
    // You got your value here
}

Answer 2

當您想與服務器通信客戶端值時，AJAX 是我們得到的最佳選擇。 使用 AJAX。

單擊保存，調用 AJAX 函數將值發送到服務器。

$.ajax({
  type: "POST",
  url: "your.php",
  data: { value: $("#output").text() } //here you get data from dom and post it
})
  .done(function( msg ) {
    alert( "Data Saved: " + msg );
  });