从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 );
  });