SyntaxFix

[javascript] Sending a JSON to server and retrieving a JSON in return, without JQuery

Using new api fetch:

_x000D_
_x000D_ 
const dataToSend = JSON.stringify({"email": "[email protected]", "password": "101010"});
let dataReceived = ""; 
fetch("", {
    credentials: "same-origin",
    mode: "same-origin",
    method: "post",
    headers: { "Content-Type": "application/json" },
    body: dataToSend
})
    .then(resp => {
        if (resp.status === 200) {
            return resp.json()
        } else {
            console.log("Status: " + resp.status)
            return Promise.reject("server")
        }
    })
    .then(dataJson => {
        dataReceived = JSON.parse(dataJson)
    })
    .catch(err => {
        if (err === "server") return
        console.log(err)
    })

console.log(`Received: ${dataReceived}`)
_x000D_
_x000D_
_x000D_ You need to handle when server sends other status rather than 200(ok), you should reject that result because if you were to left it in blank, it will try to parse the json but there isn't, so it will throw an error

Examples related to javascript

• need to add a class to an element • How to make a variable accessible outside a function? • Hide Signs that Meteor.js was Used • How to create a showdown.js markdown extension • Please help me convert this script to a simple image slider • Highlight Anchor Links when user manually scrolls? • Summing radio input values • How to execute an action before close metro app WinJS • javascript, for loop defines a dynamic variable name • Getting all files in directory with ajax

Examples related to json

• Use NSInteger as array index • Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse (<anonymous>) • HTTP POST with Json on Body - Flutter/Dart • Importing json file in TypeScript • json.decoder.JSONDecodeError: Extra data: line 2 column 1 (char 190) • Angular 5 Service to read local .json file • How to import JSON File into a TypeScript file? • Use Async/Await with Axios in React.js • Uncaught SyntaxError: Unexpected token u in JSON at position 0 • how to remove json object key and value.?

Examples related to post

• How to post query parameters with Axios? • How can I add raw data body to an axios request? • HTTP POST with Json on Body - Flutter/Dart • How do I POST XML data to a webservice with Postman? • How to set header and options in axios? • Redirecting to a page after submitting form in HTML • How to post raw body data with curl? • How do I make a https post in Node Js without any third party module? • How to convert an object to JSON correctly in Angular 2 with TypeScript • Postman: How to make multiple requests at the same time

Examples related to get

• Getting "TypeError: failed to fetch" when the request hasn't actually failed • java, get set methods • For Restful API, can GET method use json data? • Swift GET request with parameters • Sending a JSON to server and retrieving a JSON in return, without JQuery • Retrofit and GET using parameters • Correct way to pass multiple values for same parameter name in GET request • How to download HTTP directory with all files and sub-directories as they appear on the online files/folders list? • Curl and PHP - how can I pass a json through curl by PUT,POST,GET • Making href (anchor tag) request POST instead of GET?

Examples related to xmlhttprequest

• What is difference between Axios and Fetch? • Basic Authentication Using JavaScript • XMLHttpRequest module not defined/found • loading json data from local file into React JS • AngularJS: No "Access-Control-Allow-Origin" header is present on the requested resource • Edit and replay XHR chrome/firefox etc? • AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https • jQuery has deprecated synchronous XMLHTTPRequest • Keep getting No 'Access-Control-Allow-Origin' error with XMLHttpRequest • Sending a JSON to server and retrieving a JSON in return, without JQuery