react.js从入门到精通（七）——数据交互

一、数据交互

fetch方式进行数据交互

 fetch("此处填url地址",
      {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify(
         //此处填header请求头
        )
      }).then((response) => {

      return response.json();
    }).then((responseJsonObject) => {
      let { status, result } = responseJsonObject.response;
      console.log("此处返回数据");

    }).catch((error) => {
      console.log("获取数据失败");

    });

当然也可以使用ajax的方法进行数据交互

$.ajax({
      type: "POST",
      url:"此处填url地址",
      contentType: "application/json; charset=utf-8",
      data: JSON.stringify("此处填header请求头"),
      dataType: "json",
      success: function (message){

      }
    })

推荐使用第一种方法。