Как обработать запрос к серверу с помощью AJAX/jQuery/JS?

Question

[Дмитрий]

Есть форма, "попап". Нужно динамически вытащить из нее параметры input'ов и отправить в скрипт php. Нашел пару примеров, не уверен подходит ли что-либо из найденного в моем случае.
Один из них:

<script> 
            $(function(){
            $('.block__OrderCallPopUp').submit(function(e){
            //отменяем стандартное действие при отправке формы
            e.preventDefault();
            //берем из формы метод передачи данных
            var m_method=$(this).attr('method');
            //получаем адрес скрипта на сервере, куда нужно отправить форму
            var m_action='Block_OrderCall/Send';
            //получаем данные, введенные пользователем в формате input1=value1&input2=value2...,
            //то есть в стандартном формате передачи данных формы
            var m_data=$(this).serialize();
            $.ajax({
            type: m_method,
            url: m_action,
            data: m_data,
            success: function(result){
            $('.block__OrderCallPopUp').html(result);
            }
            });
            });
            });
    </script>

Answer 1

[svd71]

function MakeRequest(action, data)
{

	lastAction = action;

	frmUM = '/ajaxaction.php?';
	
  var xmlHttp = getXMLHttp();
  
  xmlHttp.onreadystatechange = function()
  {
    if(xmlHttp.readyState == 4)
    {
            	buildTable( xmlHttp.responseXML, action );
    }
  }

  xmlHttp.open("POST", frmUM.action+action+'/', true); 
  xmlHttp.send(data);
  }

function toServer() {
		inpPwd = document.getElementById('inp_pwd');
		pwdTxt = inpPwd.value;
		inpPwd.value = '';

		divId =  document.getElementById('div_id');
		userid = divId.innerHTML;

		MakeRequest('cng_pw', 'id=' + userid + ';new=' + pwdTxt);	
}

функция toServer() находит инпут inp_pwd, берет его значение и посылает в запросе серверу '/ajaxaction.php?id=5&new=*****'.

Comments

[Дмитрий]

Но мне ведь нужно передать скрипту значения нескольких инпутов, чтобы в php скрипте обработать их в виде $_GET['input']

[Дмитрий]

Вроде понял. Кажется это то, что нужно.

[Дмитрий]

@another_dream >$_POST['input'] пофиксил

[svd71]

@another_dream
вы можете в эту функцию передать параметры в переменной "data". Тогда эта строка не видна будет в строке запроса, но (!) доступня она будет не в массиве $_POST, но в $_SERVER с именем 'HTTP_RAW_DATA'. Tочное название ключа мог и ошобиться - сделайте дамп и увидите ваши данные и нужное имя ключа.

[svd71]

@another_dream
Точное название HTTP_POST_RAW_DATA www.php.net/manual/de/reserved.variables.httprawpo...

[Дмитрий]

@svd71 Благодарю.

Answer 2

[Сергей Николаевич]

$.post('/ajax.php', $('#form-id').serialize(), function(response){
console.log(response);
}

Answer 3

[Дмитрий]

А если Я скажу, что все это должно обращаться к классу? Здесь CMS. И архитектура не позволяет обращаться напрямую к скрипту. Как-то через классы. В классе уже функция, которой нужно передать параметры $_POST'ов

Comments

[Сергей Николаевич]

тогда нужно сделать так, чтобы можно было вызвать метод класса напрямую или косвенно. Внутри метода обработать запрос (зачистив данные) и вернуть ответ. Далее советую поискать как в вашей CMS реализуется ajax