Блог

Это перетаскиваемое изображение, подобное Facebook. Когда я перетаскиваю его, измените значение JavaScript. Вопрос в том, как я могу передать это значение в PHP, и когда я нажимаю кнопку, она должна сохранять изменения?

Это код JavaScript:

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

  });
  

И это HTML:

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

Также я хочу сохранить его в базе данных из переменной PHP.

Посмотрите на 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
}
  

Если вы хотите передать серверу значения на стороне клиента, 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 );
  });