Как отправить ajax запрос с header и cookie?

Question

[Алексей Фирсаев]

Как отправить ajax запрос с header и cookie?

Answer 1

[Владислав Поляков]

https://stackoverflow.com/questions/2320110/how-do...

Comments

[Алексей Фирсаев]

если нужно отправить post запрос на test.ru c параметрами:
post (a=1&b=1)
header ( 'Connection: close',
'Accept: */*',
'Content-Type: application/x-www-form-urlencoded; charset=UTF-8',
'Accept-Language: en-US',)

cookie (id=1, name=username)

Как это будет выглядеть?

Answer 2

[Данакт Фрост]

Пример Fetch API

const headers= new Headers()
headers.append('Content-Type', 'image/png')

fetch('/', {
  headers,
  credentials: 'include', // Или 'same-origin'
})

Comments

[Алексей Фирсаев]

если нужно отправить post запрос на test.ru c параметрами:
post (a=1&b=1)
header ( 'Connection: close',
'Accept: */*',
'Content-Type: application/x-www-form-urlencoded; charset=UTF-8',
'Accept-Language: en-US',)

cookie (id=1, name=username)

Как это будет выглядеть?

[Данакт Фрост]

Алексей Фирсаев,

const headersList = {
    'Connection': 'close',
    'Accept': '*/*',
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
    'Accept-Language': 'en-US',
    'Cookie': 'id=1; name=username',
}
const headers = new Headers(headersList)

const formData = new FormData()
formData.append('a', 1)
formData.append('b', 2)

// Запрос
fetch('/', { 
    method: 'post',
    headers, 
    body: formData 
}).then(data => {
    // Response
})

[Алексей Фирсаев]

я не очень понимаю, на html/php это работать будет? какие js нужно подключать?

[Алексей Фирсаев]

как вывести ответ в (div id="go")(/div) [тостер не пропускает теги]

[Данакт Фрост]

Алексей Фирсаев, никакие. Но работать будет только в современных браузерах

[Данакт Фрост]

Алексей Фирсаев, форма вывода будет зависеть от формата ответа. Смотрите описание Response

[Алексей Фирсаев]

а есть какой нибудь кроссбраузерный вариант?

[Данакт Фрост]

Алексей Фирсаев, XMLHttpRequest

[Алексей Фирсаев]

Danakt, а можно пример по тем же критериям ?

[Данакт Фрост]

Алексей Фирсаев, можно, всё есть давно в интернете

[Алексей Фирсаев]

Danakt, если было бы все так просто, я бы не писал сюда. не могу я разобраться с этим, поэтому и прошу помощь

[Данакт Фрост]

Алексей Фирсаев, ничего сложного нет. Нужно просто открывать документацию и пробовать. Можно использовать полифилл для использования Fetch API в более старых браузерах, который я приводил выше.

[Алексей Фирсаев]

Danakt, есть более удобный вид связи? vk, whatsapp?

[Данакт Фрост]

Алексей Фирсаев, лекции обучения javascript'у не провожу :)

[Антон]

Алексей Фирсаев, не наглейте) ответ вам дали. Все есть в гугле.
Доступно по fetch тут https://learn.javascript.ru/fetch
Для старых браузеров тут https://polyfill.io/v2/docs/