Как изменить значение тега input после ajax запроса

index.php:

HTML:

1. <input type="text" id="input">
2. <input type="button" value="Загрузить значение из БД" id="but">

Делаем запрос через ajax в name.php:

Код (Javascript):

1. $("#but").click(function call() {
2.     $.ajax({
3.         url: "name.php",
4.         type: "POST",
5.         data: ({ name: $("#input").val() }),
6.         success: function(data) {
7.             $('#input').val( data );    // здесь задаете новое значение для инпута
8.         }
9.     });
10. });

В name.php вытягиваете все что вам нужно из БД. Для примера name.php:

PHP:

1. header('Content-Type: text/html; charset=utf-8');
2. echo 'Значение из БД: '.$_POST['name'];

 

тогда почитай, что такое JSON. Сервер возвращает JSON-строку, на странице ты её распарсиваешь и работаешь

 

ну вообщето id элемента может содержать цифры НО не может НАЧИНАТЬСЯ с цифры

 

Нету в textarea value есть text innerText

 

Он там есть... нуу... вижу что разобрались
А вот "innerText" это чистый JS без Jquery, и value у JS, как не странно, тоже есть

 

Нажаде... Перестраховались.
https://www.w3schools.com/jsref/prop_textarea_value.asp

 

да да вот и я о чем
--- Добавлено ---

Успел прочитать то что вы удалили и я полностью согласен с тем что вы там написали.

 

Вот так живешь себе никого не трогаешь и тут такое озарение и так работает и этак и не подкопаешься)

Код (Javascript):

1. $('#test1').text(1);
2. $('#test2')[0].innerText = 2;
3. document.getElementById('test3').innerText = 3
4. $('#test4').val(4);
5. $('#test5')[0].value = 5;
6. document.getElementById('test6').value = 6

 

Отдаленно понимаю как работает, но работает же как-то такая конструкция , вы понимаете как она работает? Можете объяснить? Приблизительно понятно для чего [0] но ноль у id?, id же может быть только один- это совсем вводит меня в заблуждения. Или это что-то из разряда eq

Код (Javascript):

1. $('#test5:eq('+0+')').innerText = 2;

Но опять же по id он навряд ли будет работать (по id не пробовал)

 

Есть классная вещь. Называется console.log($('#test2'))

Код (Javascript):

1. const $ = jquery
2. $() =  // функция
3. $('#a') // результат работы функции

 

@nospiou
То что выдает консоль ▶0: textarea#test2
Если я правильно понял то это массив или объект (не знаю как правильно) содержащий в себе всего 1 элемент , так? То есть это:

Код (Javascript):

1. $('#test2')[0].innerText = 2;

эквивалентно этому:

Код (Javascript):

1. document.querySelector('textarea#test2').innerText = 2;

Правильно я понял?

 

Открой здесь консоль и пропиши

Код (Javascript):

1. $("#XenForo")[0] === document.getElementById("XenForo")

На треугольник можно нажать. И каждое свойство тоже можно законсолить console.log($('#test2')[0])

 

С консолью знаю как обращаться.

то есть в данном случае

Код (Javascript):

1. $('#test2')[0].innerText = 2;

[0] это свойство?

 

Да. Но как ты сам уже писал выше вызвать его как obj.0 ты не можешь поэтому вызываешь как obj[0]. Как пример obj.test тоже можно вызвать как obj['test']

 

Понял, спасибо за разжевывание

 

https://jsfiddle.net/vbbwf5vr/15/