Форма HTML с использованием jQuery AJAX

Question

Мне нужно получить данные с сервера с помощью jQuery AJAX в форме HTML, а затем сохранить данные ответа в строковой переменной php. До сих пор мой код:

<form method="post" name="myform" id="myform" action="https://domain.com/cgi-bin/cgi.exe"> 
<input name="exec" value="viewproduct" type="hidden"> 
<input name="customer" value="customer_name" type="hidden"> 
<input name="sku" value="sku_number" type="hidden"> 
<input name="submit" type="button"> 
</form> 
<div id="results"></div> 
<script type="text/javascript"> 
jQuery("#myform").submit(function(e){ 
    var postData = jQuery(this).serializeArray(); 
    var formURL = jQuery(this).attr("action"); 
    jQuery.ajax(
    { 
     url : formURL, 
     type: "POST", 
     data : postData, 
     success:function(data, textStatus, jqXHR) 
     { 
     jQuery('#results').html(data.toString()); 
     }, 
     error: function(jqXHR, textStatus, errorThrown) 
     { 
     alert('fail');  
     } 
    }); 
    e.preventDefault(); 
}); 

jQuery(document).ready(function() { 
    jQuery("#myform").submit(); 
}); 
</script> 

Но я до сих пор не вижу никакого результата. Если я просто использую форму, как правило, без какого-либо js-кода, тогда я получу исходные данные от сервера/базы данных непосредственно в браузере. Как сохранить данные необработанного ответа в браузере в строковой переменной в php?

Answer 1

Измените submit() обработчик, чтобы включить это в первой строке:

jQuery("#myform").submit(function(e){ 
    e.preventDefault(); // <--- 
    .... 

и/или добавить return false; в конец.

Если это останавливает его от перегрузки, но ничего в ваших #results DIV не показывать, устранить, изменив success() в AJAX, чтобы использовать это:

jQuery('#results').html(data.toString()); 

Если что-то показывает, перейти к коду сервера и разделить ваши данные на отдельные свойства, которые ваш Javascript может разделить и использовать отдельно (или объединить все это в одну большую строку, если хотите).

.html() принимает вход String, а не объект (который в данном случае data).

Answer 2

Вы не сможете сохранить значение Javascript в переменной PHP, потому что PHP работает на сервере и возвращает ответ браузеру, где Javascript работает в браузере. Что вы можете сделать, это вызвать скрипт с AJAX, а затем установить свои значения формы с JQuery, используя

$("input[name=customer]").val(data); 

Вы можете либо иметь вызов AJAX для каждого входа или вы можете разобрать строку возврата, чтобы получить каждое значение. Первый может быть более прямым.

Если действие становится проблемой, удалите полностью и просто добавьте onClick в кнопку отправки, которая вызывает функцию, которая вызывает вызовы AJAX.

Надеюсь, это поможет!