Есть ли аналог функции jquery на js?

Question

[kachi88]

Есть такая функция, которая подгружает html файл в другой html. Можно ли это все сделать на чистом js? если да, то как

$(function(){
		  $("#includedContent").load("header.html"); 
		});
		
		</script> 
		<div id="includedContent"></div>

Comments

[Никита Егоров]

Можно ли это все сделать на чистом js?

Так блин, jquery написан на чистом js, и магии там никакой нет.

[alex-1917]

Никита Егоров, так точно!
а магия совсем в другом... магия в умении пользоваться поиском - Есть ли аналог .load в js?

Answer 1

[Алексей Ярков]

fetch('header.html')
.then(response => response.text())
.then(data => document.querySelector('#includedContent').innerHTML = data)
.catch(console.error)

Comments

[kachi88]

Вери данке :)

[kachi88]

Не подскажешь еще, как эту функцию оптимизировать под IE? (она там не робит)

[Никита Егоров]

kachi88, https://www.google.ru/search?q=fetch+polyfill&oq=f...

Answer 2

[Ihor Bratukh]

load('header.html', function(html) {
	document.getElementById('includedContent').innerHTML = html;
}, console.error);

function ajax(params) {
	var request = new XMLHttpRequest();
	request.open(params.method || 'GET', params.url || window.location.href, params.async || true);
	request.setRequestHeader('Content-Type', params.contentType || 'application/x-www-form-urlencoded; charset=UTF-8');
	request.onreadystatechange = function() {
		if (this.readyState === 4) {
			if (this.status >= 200 && this.status < 400) {
				if (params.success) params.success(this.response, this.statusText, this.status);
			} else {
				if (params.error) params.error(this);
			}
		}
	};
	request.send(params.data ? JSON.stringify(params.data) : '');
	request = null;
}

function load(link, success, error) {
	ajax({
		url: link,
		method: 'GET',
		success: success,
		error: error
	});
}

// Возможные параметры функции ajax
// ajax({
// 	 method: 'GET',
// 	 url: 'https://text.com',
// 	 async: true,
// 	 contentType: 'application/json',
// 	 data: { test: true },
// 	 success: function(response, statusText, status) {},
// 	 error: function(xhr)
// })

Comments

[Ihor Bratukh]

Ilya Loginov, да, пропустил

[Stalker_RED]

Ilya Loginov,

код не будет добавлен в dom

в каком смысле?