在 Redux-saga 中使用 Fetch 发布表单数据

Question

var formData = new FormData(loginRequestObject);
formData.append('userName', loginRequestObject.username);
formData.append('password', loginRequestObject.password);
formData.append('mobile', loginRequestObject.mobile);
formData.append('deviceid', deviceInfo.getDeviceId())

This is the request What I am making-

and in body part

  try{
const response = yield call(fetch, Url, {
  method : 'POST',
  headers : {
    'Accept': 'application/json, application/xml, text/plain, text/html, *.*',
    'Content-Type' :'multipart/form-data, application/x-www-form-urlencoded; charset=utf-8'
  },
  body : formData
}) 
if(response.ok) {
  const jsonResponse = yield response.text()
  yield put(LoginActions.loginSuccess(jsonResponse))
} else {
  const jsonResponse = yield response.text();
  yield put(LoginActions.loginFailure(jsonResponse))
}

I am making this request to post the data but I'm not able to do , what is the reason?

Answer 1

First of all, there is no promise function handling the response of your POST request. What error are you getting with this implemented code? Why are you using multipart/form-data when you are not sending data in multiple parts? From your code it doesn't look like you are sending the image data for which you need multipart .

Your question doesn't provide enough details to provide any specific answer, please explain it with more details about the error you are getting.

Answer 2

I think you should wrap fetch function with another function, this is a demo for you

const fetchFunc = ({ url, options }) => {
   return fetch(url, options);
}

const response = yield call(fetchFunc, {
     url: Url,
     options {
        method : 'POST',
        headers : {
          'Accept': 'application/json, application/xml, text/plain, text/html, *.*',
          'Content-Type' :'multipart/form-data, application/x-www-form-urlencoded;charset=utf-8',
        },
        body : formData
    }
}); 
if(response.ok) {
   const jsonResponse = yield response.text()
   yield put(LoginActions.loginSuccess(jsonResponse))
} else {
   const jsonResponse = yield response.text();
   yield put(LoginActions.loginFailure(jsonResponse))
}

Answer 3

只是我删除了 Content-Type 并且它起作用了。