Измените Span на Input и обновите мою базу данных

Question

Измените Span на Input и обновите мою базу данных

0

Я в настоящее время использую этот код фрагмента, который я схватил из некоторого сообщения stackoverflow,

Он преобразует элемент span для ввода, поэтому я могу редактировать и возвращаться к диапазону после

как я могу сделать так, чтобы, когда входные данные преобразуются обратно в диапазон, он обновляет свое значение в базе данных mysql?

/**
  We're defining the event on the 'body' element, 
  because we know the 'body' is not going away.
  Second argument makes sure the callback only fires when 
  the 'click' event happens only on elements marked as 'data-editable'
*/
$('body').on('click', '[data-editable]', function() {

  var $el = $(this);

  var $input = $('<input/>').val($el.text());
  $el.replaceWith($input);

  var save = function() {
    var $p = $('<span data-editable />').text($input.val());
    $input.replaceWith($p);
  };

  /**
    We're defining the callback with 'one', because we know that
    the element will be gone just after that, and we don't want 
    any callbacks leftovers take memory. 
    Next time 'p' turns into 'input' this single callback 
    will be applied again.
  */
  $input.one('blur', save).focus();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Click on <span data-editable> EDIT</span>

Artur Mendes 18 сен. 2018, в 23:53

Источник

0

Вам нужен пост-вызов ajax, чтобы написать в БД
jwebb 18 сен. 2018, в 21:29
0

Неясно, какая часть этого вызывает у вас проблемы. И если ваш ответ «все», то ваш вопрос слишком широк. Вам потребуется ajax-запрос, PHP-код для обработки запроса и установления соединения с вашей БД, а также SQL-запрос для вставки или обновления значения в БД.
Patrick Q 18 сен. 2018, в 21:29
0

span для input и back to span работает с моим кодом, я просто не знаю, как я могу передать данные, хранящиеся на входе, в php, который обновит мою базу данных mysql
Artur Mendes 18 сен. 2018, в 21:45

Показать ещё 1 комментарий

Теги:

php

mysql

javascript

jquery

html

1 ответ

Ещё вопросы

Вам нужен пост-вызов ajax, чтобы написать в БД
Неясно, какая часть этого вызывает у вас проблемы. И если ваш ответ «все», то ваш вопрос слишком широк. Вам потребуется ajax-запрос, PHP-код для обработки запроса и установления соединения с вашей БД, а также SQL-запрос для вставки или обновления значения в БД.
span для input и back to span работает с моим кодом, я просто не знаю, как я могу передать данные, хранящиеся на входе, в php, который обновит мою базу данных mysql

larz · Answer 1 · 2018-09-18T19-53-00.000Z

Вы должны обращаться с ним в функции save

/**
  We're defining the event on the 'body' element, 
  because we know the 'body' is not going away.
  Second argument makes sure the callback only fires when 
  the 'click' event happens only on elements marked as 'data-editable'
*/
$('body').on('click', '[data-editable]', function() {

  var $el = $(this);

  var $input = $('<input/>').val($el.text());
  $el.replaceWith($input);

  var save = function() {
    var $p = $('<span data-editable />').text($input.val());
    $input.replaceWith($p);
    // AJAX call to your backend to save $input.val()
  };

  /**
    We're defining the callback with 'one', because we know that
    the element will be gone just after that, and we don't want 
    any callbacks leftovers take memory. 
    Next time 'p' turns into 'input' this single callback 
    will be applied again.
  */
  $input.one('blur', save).focus();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Click on <span data-editable> EDIT</span>