Я новичок в PHP / jquery. Я хотел бы спросить, как отправлять данные json из поля формы, например (имя, возраст и т. Д.) С помощью ajax в формате json. К сожалению, я не могу найти никакой соответствующей информации об этом, это даже возможно сделать это динамически? Поисковые запросы Google дают ответы только наподобие создания данных вручную. например: name: XY , age: 32 и т. д.
Есть ли способ сделать это?
Спасибо за помощь!
Редактировать:
<form action="test.php" method="post"> Name: <input type="text" name="name"><br> Age: <input type="text" name="email"><br> FavColor: <input type="text" name="favc"><br> <input type="submit"> </form>
вот простой
вот мой test.php для тестирования
<?php // this is just a test //send back to the ajax request the request echo json_encode($_POST);
вот мой index.html
<!DOCTYPE html> <html> <head> </head> <body> <form id="form" action="" method="post"> Name: <input type="text" name="name"><br> Age: <input type="text" name="email"><br> FavColor: <input type="text" name="favc"><br> <input id="submit" type="button" name="submit" value="submit"> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script> $(document).ready(function(){ // click on button submit $("#submit").on('click', function(){ // send ajax $.ajax({ url: 'test.php', // url where to submit the request type : "POST", // type of action POST || GET dataType : 'json', // data type data : $("#form").serialize(), // post data || get data success : function(result) { // you can see the result from the console // tab of the developer tools console.log(result); }, error: function(xhr, resp, text) { console.log(xhr, resp, text); } }) }); }); </script> </body> </html>
Оба файла находятся в одном каталоге
Вы можете использовать serialize() следующим образом:
$.ajax({ cache: false, url: 'test.php', data: $('form').serialize(), datatype: 'json', success: function(data) { } });
Отправка данных с полей формы обратно на сервер (php) обычно выполняется методом POST, который можно найти обратно в суперглобальном массиве $ _POST внутри PHP. Нет необходимости преобразовывать его в JSON, прежде чем отправлять его на сервер. Маленький пример:
<?php if($_SERVER['REQUEST_METHOD'] == 'POST') { echo '<pre>'; print_r($_POST); } ?> <form action="" method="post"> <input type="text" name="email" value="joe@gmail.com" /> <button type="submit">Send!</button>
С AJAX вы можете делать то же самое, только без обновления страницы.