2017-12-04 22 views
8

अक्ष POST अनुरोध नियंत्रक पर यूआरएल मार रहा है लेकिन मेरे पीओजेओ कक्षा में शून्य मान सेट कर रहा है, जब मैं क्रोम में डेवलपर टूल के माध्यम से जाता हूं, तो पेलोड में डेटा होता है। मैं क्या गलत कर रहा हूं?फॉर्म डेटा भेजने के लिए अक्षीय पोस्ट अनुरोध

Axios पोस्ट अनुरोध:

var body = { 
       userName: 'Fred', 
       userEmail: '[email protected]' 
       } 

     axios({ 
       method: 'post', 
       url: '/addUser', 
       data: body 
      }) 
      .then(function (response) { 
       console.log(response); 
       }) 
       .catch(function (error) { 
       console.log(error); 
      }); 

ब्राउज़र प्रतिक्रिया:

enter image description here

अगर मैं के रूप में हेडर सेट:

headers:{ 
    Content-Type:'multipart/form-data' 
} 

अनुरोध त्रुटि

मल्टीपार्ट/फॉर्म-डेटा पोस्ट करने में त्रुटि फेंकता है। सामग्री-प्रकार शीर्षलेख सीमा

यदि मैं डाकिया में एक ही अनुरोध करता हूं तो यह ठीक काम कर रहा है और मेरे पीओजेओ कक्षा में मूल्य निर्धारित करता है।

कोई भी सीमा निर्धारित करने के तरीके या अक्षरों का उपयोग करके फ़ॉर्म डेटा कैसे भेज सकता है।

उत्तर

11

आप की तरह FormData() का उपयोग करके डेटा Axios पोस्ट कर सकते हैं:

var bodyFormData = new FormData(); 

और फिर फार्म के लिए फ़ील्ड जोड़ने आप भेजना चाहते हैं:

bodyFormData.set('userName', 'Fred'); 

और फिर आप Axios पोस्ट विधि का उपयोग कर सकते हैं (आप इसे तदनुसार संशोधित कर सकते हैं)

axios({ 
    method: 'post', 
    url: 'myurl', 
    data: bodyFormData, 
    config: { headers: {'Content-Type': 'multipart/form-data' }} 
}) 
    .then(function (response) { 
     //handle success 
     console.log(response); 
    }) 
    .catch(function (response) { 
     //handle error 
     console.log(response); 
    }); 
      } 

आप औरपढ़ सकते हैं

+0

चीयर्स:) - यह मेरे लिए काम करता है !! बहुत बहुत धन्यवाद ... –

+0

आपकी मदद करने के लिए खुशी हुई :) – Aaqib

संबंधित मुद्दे