Как без JQUERY, библиотек, на чистом JAVASCRIPT реализовать получение GET ( POST)?

Question

[frees2]

Вопрос совершенно проф., кто знает или встречался с этим решением?

1
$.ajax({type : 'POST',url : 'process.php', data : postForm....
2 (условно но достаточно)
$(".refresh").click(function() { $(".all").load('t.php');

Или даже так, без запроса.. Пример.

$.getJSON('json/test2.json', function(data) {for(var i=0;i<data.users2.length;i++){

Comments

[Нурлан]

Пригодится youmightnotneedjquery.com

Answer 1

[Lynn «Кофеман»]

https://learn.javascript.ru/ajax-xmlhttprequest
https://learn.javascript.ru/fetch

Comments

[frees2]

Спасибо, читал, хотелось бы посмотреть решения новые, а это помню, и на хабрахабре писали, Ещё раз спасибо! Многие не знают.

[Lynn «Кофеман»]

Ну вот fetch новый. А никаких других решений быть не может. Все библиотеки (включая jQuery) так или иначе используют эти два варианта

[Stalker_RED]

Алексей Тен, ну нет, не только два. Можно еще старые вспомнить. long polling там, iframe, и прочая.

И сразу, чтоб никто не говорил, что "сейчас это нигде не юзается": https://vk.com/dev/using_longpoll

Еще есть вебсокеты и webrtc, но это уже несколько другая история, не про get и post.

[Adamos]

Главное - не забывать https://caniuse.com/#feat=fetch

[Lynn «Кофеман»]

Stalker_RED, лонгполл это всё же немного про другое. Ифреймы забыл, да

[Lynn «Кофеман»]

Ещё можно тег script динамически создать и что бы приехавший скрипт сделал что-то полезное (ой, это же jsonp :)

[Stalker_RED]

Алексей Тен, да можно даже через img get запросы отправлять

[frees2]

Adamos,

<a href="#" id="1" onclick="load()"> 1 вариант </a><br>
<a href="#" id="ыыыыыыыыыыы1" onclick="load()"> 1 вариант </a><br>
<button type="button" id="привет 2" onclick='load()'> 2 вариант - кнопка </button><br>

<p id="d"></p>

<script>
 function load() {fetch('e.php?a='+event.target.id+'zdraste', { method: 'get'})
.then(function(response) { if(response.ok){ return response.text();}
else { if(response.status==404) return Promise.reject("нету ничего");
else if(response.status==403) return Promise.reject("закрыто");
else return Promise.reject("что то не так");
              }     
       })
       .then(function(text){
            document.getElementById("d").innerHTML = text;
       })
       .catch(function(err) {
              document.getElementById("d").innerHTML = err;
       })
	   
	}   
	
	

</script>

[Adamos]

frees2, я так понимаю, в хроме вы этим микроскопом гвоздь уже забили. Теперь попробуйте IE11.

[frees2]

Adamos, Да в принципе 11 всё ещё у многих работает, единственная преграда. Но побаловаться можно. Костыли конечно не красивые с моей стороны, fetch и без GET и POST в принципе можно, работает.