PHP Lang
  1. PHP Lang
  3. jQuery: как остановить функцию AJAX, избегая строки JSON, используемой для данных POST
Intereting Posts
Как запросить сводную таблицу с несколькими внешними ключами Laravel 5 Eloquent Как получить адрес электронной почты при аутентификации пользователя с помощью Google Oauth2 и people.me Как показать свое время в формате 24 часа Создание экземпляра класса поставщика в конструкторе класса Производительность MySQL node.js Поиск расширенного скрипта pgination php / mysql Создание PDF-файла и отправка по электронной почте Как установить безопасное соединение WebSocket с PHP? Как использовать оракул в cakePHP Как узнать, являются ли данные возврата Json или String в jQuery и PHP? Pretty-Printing JSON с PHP В PHP, как бы я разделил строку, где начальный и конечный разделитель отличаются друг от друга JSON для Array PHP codeIgniter: потеря данных сеанса после входа в систему Получить Youtube видео Thumbnail из Youtube видео Url с помощью PHP

jQuery: как остановить функцию AJAX, избегая строки JSON, используемой для данных POST

Мне нужно сериализовать все входы из формы в строку JSON.
С помощью этого сообщения я могу успешно создать допустимую строку, как показано ниже: 

{"input01":"value01","input02":"value02","input03":"value03"}

Однако, когда я пытаюсь использовать строку для POST-данных, используя функцию Ajax jQuery, кажется, что она добавляет обратную косую черту в строку, в результате чего строка JSON отправляется с использованием GET, а не POST. Загруженная страница PHP возвращает массив $_GET : 

 [{\"input01\":\"value01\",\"input02\":\"value02\",\"input03\":\"value03\"}] =>

Я проверил строку JSON с помощью alert() чтобы подтвердить правильность структуры, прежде чем использовать ее в функции AJAX.
Кроме того, если я просто вручную набираю действительную строку JSON, AJAX правильно помещает данные.

Мой код выглядит следующим образом: 

 var dataJSON = $.toJSON($('#form').serializeObject()); alert(dataJSON); $.ajax({ type: "POST", url: "ajax.php", data: 'Query01=01&Query02=02', dataType: 'json', success: function(data){ if (data==1){ $('#wrap').load('ajax.php',dataJSON); } } });

Это поведение по умолчанию $.ajax() . Вы можете изменить его, установив для параметра processData значение false . См. $.ajax() . 

 data Object, String

Данные, которые необходимо отправить на сервер. Он преобразуется в строку запроса, если не является уже строкой. Он добавляется к URL-адресу для запросов GET. См. Параметр processData для предотвращения этой автоматической обработки. Объектом должны быть пары «ключ / значение». Если значение является массивом, jQuery сериализует несколько значений одним и тем же ключом, то есть {foo: ["bar1", "bar2"]} становится '& foo = bar1 & foo = bar2'.

а также 

 processData Boolean Default: true

По умолчанию данные, переданные в параметр данных в виде объекта (технически, ничего, кроме строки), будут обрабатываться и преобразовываться в строку запроса, подходящую к стандартным типам контента «application / x-www-form-urlencoded», , Если вы хотите отправить DOMDocuments или другие не обработанные данные, установите для этого параметра значение false.

Убедитесь, что вы 

 echo $_GET['varwithurl']

не 

 echo json_encode($_GET['varwithurl'])

как это делают многие веб-примеры php.

Я отправляю данные с url с $.ajax() и не вижу нежелательных обратных косых черт в php-скрипте.

После очистки Google и сайта jQuery я пришел к личному выводу о том, $.load функция $.load преобразует любую переменную, переданную ей как запрос (как моя первоначальная проблема выше, изложенная). Если вы хотите передать через него строку JSON, ее нужно ввести вручную.

Чтобы обойти это, вместо этого я использовал функцию $.ajax низкого уровня. Преимущество использования этого метода означало, что я мог бы также отправлять данные POST с использованием стандартной функции .serialize() вместо того, чтобы преобразовывать данные формы в JSON.

Мой последний код: 

 var formData = $('#form').serialize(); $.ajax({ type: "POST", url: "ajax.php", data: 'Query01=01&Query02=02', dataType: 'json', success: function(data){ if (data==1){ $.ajax({ type: "POST", url: "ajax.php", data: formData, success: function(html){ $("#wrap").replaceWith(html); } }); } } });

Если у кого-то еще есть решение, прокомментируйте.

Я сделал это так, чтобы он работал с stripslashes на стороне php.

Что-то вроде этого: 

 $data = json_decode(stripslashes($_POST['json_data'])); 
 <html> <head> <script src="resources/jquery-2.1.0.js"></script> <script src="resources/jquery.serializejson.min.js"></script> </head> <body> <script> $(document).ready(function(){ $("#simplepost").click(function(e){ var MyForm = $("#appForm").serializeJSON(); console.log(MyForm); $.ajax( { url: "rest/emp/create", type: "POST", data: JSON.stringify(MyForm), contentType: "application/json; charset=utf-8", dataType: "json", success:function(maindta){ alert(maindta); }, error: function(jqXHR, testStatus, errorThrown){ alert(errorThrown); } }); e.preventDefault(); //STOP default action }); }); </script> <h2>Hello World!</h2> <form id="appForm" method="POST"> EmployeeID:<input type="text" name='id' value="" /> Employee Name:<input type="text" name="name" value=""/> <br> <input type="button" value="Submit" id="simplepost" /> </form> </body> </html>