[{"data":1,"prerenderedAt":258},["ShallowReactive",2],{"term-p\u002Fpayload":3,"related-p\u002Fpayload":241},{"id":4,"title":5,"acronym":6,"body":7,"category":223,"description":224,"difficulty":225,"extension":226,"letter":16,"meta":227,"navigation":228,"path":229,"related":230,"seo":235,"sitemap":236,"stem":239,"subcategory":6,"__hash__":240},"terms\u002Fterms\u002Fp\u002Fpayload.md","Payload",null,{"type":8,"value":9,"toc":217},"minimark",[10,15,19,23,26,30,206,210,213],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Payload is the actual data carried in a request or response — the valuable cargo. Like a delivery truck: the truck, wheels, and label are overhead, but the package inside is the payload. In an HTTP POST request, the payload is the JSON (or form data) you're sending.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"In networking, the payload is the data portion of a packet or message, as distinguished from the protocol overhead (headers, metadata). In HTTP, it refers to the request or response body. In APIs, 'payload' and 'body' are often used interchangeably.",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-javascript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Request with payload (body)\nfetch('\u002Fapi\u002Fusers', {\n  method: 'POST',\n  headers: { 'Content-Type': 'application\u002Fjson' },\n  body: JSON.stringify({       \u002F\u002F This JSON is the payload\n    name: 'Bob',\n    email: 'bob@example.com'\n  })\n});\n","javascript","",[38,39,40,49,76,97,127,152,169,185,194],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","\u002F\u002F Request with payload (body)\n",[41,50,52,56,60,64,68,70,73],{"class":43,"line":51},2,[41,53,55],{"class":54},"s2Zo4","fetch",[41,57,59],{"class":58},"sTEyZ","(",[41,61,63],{"class":62},"sMK4o","'",[41,65,67],{"class":66},"sfazB","\u002Fapi\u002Fusers",[41,69,63],{"class":62},[41,71,72],{"class":62},",",[41,74,75],{"class":62}," {\n",[41,77,79,83,86,89,92,94],{"class":43,"line":78},3,[41,80,82],{"class":81},"swJcz","  method",[41,84,85],{"class":62},":",[41,87,88],{"class":62}," '",[41,90,91],{"class":66},"POST",[41,93,63],{"class":62},[41,95,96],{"class":62},",\n",[41,98,100,103,105,108,110,113,115,117,119,122,124],{"class":43,"line":99},4,[41,101,102],{"class":81},"  headers",[41,104,85],{"class":62},[41,106,107],{"class":62}," {",[41,109,88],{"class":62},[41,111,112],{"class":81},"Content-Type",[41,114,63],{"class":62},[41,116,85],{"class":62},[41,118,88],{"class":62},[41,120,121],{"class":66},"application\u002Fjson",[41,123,63],{"class":62},[41,125,126],{"class":62}," },\n",[41,128,130,133,135,138,141,144,146,149],{"class":43,"line":129},5,[41,131,132],{"class":81},"  body",[41,134,85],{"class":62},[41,136,137],{"class":58}," JSON",[41,139,140],{"class":62},".",[41,142,143],{"class":54},"stringify",[41,145,59],{"class":58},[41,147,148],{"class":62},"{",[41,150,151],{"class":47},"       \u002F\u002F This JSON is the payload\n",[41,153,155,158,160,162,165,167],{"class":43,"line":154},6,[41,156,157],{"class":81},"    name",[41,159,85],{"class":62},[41,161,88],{"class":62},[41,163,164],{"class":66},"Bob",[41,166,63],{"class":62},[41,168,96],{"class":62},[41,170,172,175,177,179,182],{"class":43,"line":171},7,[41,173,174],{"class":81},"    email",[41,176,85],{"class":62},[41,178,88],{"class":62},[41,180,181],{"class":66},"bob@example.com",[41,183,184],{"class":62},"'\n",[41,186,188,191],{"class":43,"line":187},8,[41,189,190],{"class":62},"  }",[41,192,193],{"class":58},")\n",[41,195,197,200,203],{"class":43,"line":196},9,[41,198,199],{"class":62},"}",[41,201,202],{"class":58},")",[41,204,205],{"class":62},";\n",[11,207,209],{"id":208},"when-youll-hear-this","When You'll Hear This",[16,211,212],{},"\"Log the request payload to debug the API.\" \u002F \"The payload is too large — the server rejected it.\"",[214,215,216],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":218},[219,220,221,222],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":208,"depth":51,"text":209},"networking","Payload is the actual data carried in a request or response — the valuable cargo.","beginner","md",{},true,"\u002Fterms\u002Fp\u002Fpayload",[231,232,112,233,234],"Request","Response","HTTP","Packet",{"title":5,"description":224},{"changefreq":237,"priority":238},"weekly",0.7,"terms\u002Fp\u002Fpayload","daxSUHte3sUFlw9t9V9vhAMkAkGvvrokDPMLr0bR3f8",[242,245,249,252,255],{"title":112,"path":243,"acronym":6,"category":223,"difficulty":225,"description":244},"\u002Fterms\u002Fc\u002Fcontent-type","Content-Type is a header that tells the receiver what format the data is in. 'I'm sending you JSON.' 'I'm sending you a PNG image.' 'I'm sending you HTML.",{"title":233,"path":246,"acronym":247,"category":223,"difficulty":225,"description":248},"\u002Fterms\u002Fh\u002Fhttp","HyperText Transfer Protocol","HTTP is the language your browser uses to ask websites for stuff. You type a URL, your browser shouts 'hey, give me that page!",{"title":234,"path":250,"acronym":6,"category":223,"difficulty":225,"description":251},"\u002Fterms\u002Fp\u002Fpacket","A packet is a small chunk of data with an envelope around it.",{"title":231,"path":253,"acronym":6,"category":223,"difficulty":225,"description":254},"\u002Fterms\u002Fr\u002Frequest","A request is what your browser (or app) sends to a server when it wants something. 'Give me the homepage.' 'Give me that image.",{"title":232,"path":256,"acronym":6,"category":223,"difficulty":225,"description":257},"\u002Fterms\u002Fr\u002Fresponse","A response is what the server sends back after receiving a request.",1776518301378]