Как вернуть запрос обратно и поместить в переменную AJAX?

Question

[alexwprof]

Есть страница index.php. Отправляю с неё запрос ajax на обработчик, test.php. Запрос выглядит следующим образом

$(function(){
        $('.home-calc__form').submit(function(e){

            e.preventDefault();
            var m_method=$(this).attr('method');

            var m_action=$(this).attr('action');

            var m_data=$(this).serialize();
            $.ajax({
                type: m_method,
                url: m_action,
                data: m_data,
                beforeSend: function(){
                    $('#add').html('Запрос обрабатывается');
                },
                success: function(result){
                    $('#add').html(result);
                }
            });
        });
    });

В обработчике php пакую данные в json

<?php
if(isset($_GET)){
    $js_obj = json_encode($_GET);
    print_r($js_obj);
}
else{
    echo 0;
}

?>

Всё благополучно приходит обратно и выводится в html, но мне нужно поместить результат в переменную и подставить в некоторые места значения переменной. В index.php переменная
$js_obj должна быть доступна, как это реализовать?

Answer 1

[Митя ТоДаСё]

нужно json строку перевести в объект JSON.parse()
и например через jQuery - $('#id').html(obj[name]) заменить значение в нужном месте

я думаю вот это тоже окажется полезным - insertAdjacentHTML

пример

let user = '{ "name": "John", "age": 35, "isAdmin": false, "friends": [0,1,2,3] }';
user = JSON.parse(user);
alert( user.friends[1] );

spoiler

это

• $('#add').html(result);
  

заменить на

• let result = JSON.parse(result);
  

Comments

[alexwprof]

Попробовал, не получилось, выдаёт ошибки в консоли

$(function(){
        $('.home-calc__form').submit(function(e){

            e.preventDefault();
            var m_method=$(this).attr('method');

            var m_action=$(this).attr('action');

            var m_data=$(this).serialize();
            $.ajax({
                type: m_method,
                url: m_action,
                data: m_data,
                beforeSend: function(){
                    $('#add').html('Запрос обрабатывается');
                },
                success: function(result){
                    var result = JSON.parse(result);
                     console.log(result);

                }
            });
        });
    });

[Митя ТоДаСё]

alexwprof, плохо пробовал
https://codepen.io/Dimastik86/pen/RwbLPLR

[Митя ТоДаСё]

xhr = new XMLHttpRequest();
function getXMLHttp(){
    if (window.XMLHttpRequest) { return new XMLHttpRequest(); }
    return new ActiveXObject('Microsoft.XMLHTTP'); 
};
	
function SendForm(form) {
	event.preventDefault();
	var formdata = new FormData(form);
	xhr = getXMLHttp();
	xhr.open('POST', $(form).attr("action"), true);
	xhr.send(formdata);
	xhr.onreadystatechange = function () {
		if(xhr.readyState == 4) {
			console.log(xhr.response);
		}
	};
};

...<form onsubmit="SendForm(this)" action="..." и тд...>...

...

xhr.addEventListener('abort', function(){
		...
	});

abort = progress, load, error и тд...