jquery post方法所需的Javascript函数

Question

我的查询

 let name = document.getElementById("Name").value;

  let code = document.getElementById("Code").value;

  let type = document.getElementById("ProductTypeId").value;

$.ajax({

   url: "/Home/jQueryAddComment",

   type: "POST",

   dataType: "html",

   data: json,

   success: function(data){ 

      //var message = data.Message; 

      alert(data);

      $('.CommentSection').html(data);

   }

}

我需要使用 fetch 将我的 jQuery 转换为纯 Javascript 函数。它是一个带有html返回的post方法。是否可以使用 fetch.

编辑：下面是我的 Javascript 的 get 方法：

    fetch(url + "?" + o)

        .then(function (response) {

            //check if it is redirected to custom error page

            if (response.redirected && response.url.indexOf("/Error") > 0) {

                response.text().then(function (html) {

                    debugger

                    window.location.href = response.url;

                });

            } else {

                response.text().then(function (html) {

                    document.getElementById('view-all').innerHTML = html;

                });

            }

        })

        .catch(function (err) {

            console.log('Fetch Error', err);

        });

Answer 1

fetch还接受第二个参数，它是一个文字对象，包含与请求有关的信息——例如请求方法、模式、标头和 POST BODY。

直接来自 Mozilla 文档：

var data = { name: "justin", code: "SDF", type: "some-type" };

fetch(url, {

   method: 'POST', // *GET, POST, PUT, DELETE, etc.

   mode: 'cors', // no-cors, *cors, same-origin

   cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached

   credentials: 'same-origin', // include, *same-origin, omit

   headers: {

      'Content-Type': 'application/json'

      // 'Content-Type': 'application/x-www-form-urlencoded',

   },

   body: JSON.stringify(data) // body data type must match "Content-Type" header

});

https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch