Fetch API를 사용하여 jQuery를 수행합니다.aax처럼post 데이터

4414 단어 JavaScript

총결산


URLSearchParams를 사용하시면 됩니다.

하면, 만약, 만약...


아래와 같이 발송hogefoo.
jquery.js
$.ajax({
      url: '/api/tasks',
      type: 'POST',
      data: {hoge: 'fuga', foo: 'bar'},
});

Fetch API 시


URLSearchParams 사용


아래와 같이 바디에 URLSearchParams를 넣으면 적당히 설정Content-Typefetch1.js
let params = new URLSearchParams()
params.set('hoge', 'fuga')
params.set('foo', 'bar')
fetch('/api/tasks', {
    method: 'POST',
    credentials: 'include',
    body: params,
})

문자열로 직접 쓰기


헤더를 설정해야 하니 주의하십시오
fetch('/api/tasks', {
    method: 'POST',
    credentials: 'include',
    headers: {
        "Content-Type": "application/x-www-form-urlencoded"
    },
    body: 'hoge=fuga&foo=bar',
})

좋은 웹페이지 즐겨찾기