从javascript获取值到php变量

Question

这是像facebook这样的可拖动图片。当我拖动它改变javascript值。 问题是当我点击按钮保存更改时，我如何获得这个值？

这是代码javascript

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

  });

这是html

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

我希望将它从php

的变量保存到数据库中

Answer 1

看看jQuery.ajax()。有了它，你可以动态地将变量值发送到你的PHP。

示例：

$.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 );
  });