Created
August 28, 2018 21:56
-
-
Save HereIsJade/381f0da999c408556e7a2a2ad6707db5 to your computer and use it in GitHub Desktop.
Ajax demo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>AJAX demo</title> | |
</head> | |
<body> | |
<button id="btn">Click to make an HTTP request</button> | |
<script> | |
btn.addEventListener('click',()=>{ | |
let request = new XMLHttpRequest() | |
request.open('GET', 'http://jack.com:8002/abc') | |
request.onreadystatechange = ()=>{ | |
if(request.readyState === 4){ | |
console.log("response received") | |
if(request.status >= 200 && request.status < 300){ | |
let obj = JSON.parse(request.responseText) | |
console.log(obj) | |
} | |
else{ | |
console.log("failed to make the request") | |
} | |
} | |
} | |
request.send() | |
}) | |
</script> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
let http = require('http') | |
let fs = require('fs') | |
let url = require('url') | |
let port = process.argv[2] | |
if(!port){ | |
console.log('Please specify a port number\nExample: node server.js 8888') | |
process.exit(1) | |
} | |
let server = http.createServer(function(request, response){ | |
let parsedUrl = url.parse(request.url, true) | |
let pathWithQuery = request.url | |
let queryString = '' | |
if(pathWithQuery.indexOf('?') >= 0){ queryString = pathWithQuery.substring(pathWithQuery.indexOf('?')) } | |
let path = parsedUrl.pathname | |
let query = parsedUrl.query | |
let method = request.method | |
console.log('HTTP path is\n' + pathWithQuery) | |
if(path === '/'){ | |
let HTMLstring = fs.readFileSync('./index.html', 'utf-8') | |
response.statusCode = 200 | |
response.setHeader('Content-Type', 'text/html;charset=utf-8') | |
response.write(HTMLstring) | |
response.end() | |
} | |
else if(path === '/abc'){ | |
response.setHeader('Content-Type', 'text/json;charset=utf-8') | |
response.setHeader('Access-Control-Allow-Origin', '*') | |
response.statusCode = 200 | |
response.write(`{"name": "Jade", "age": 18}`) | |
response.end() | |
} | |
else{ | |
response.statusCode = 404 | |
response.setHeader('Content-Type', 'text/html;charset=utf-8') | |
response.write('404 not found') | |
response.end() | |
} | |
}) | |
server.listen(port) | |
console.log('Listening on ' + port + ' success\nPlease visit http://localhost:' + port) | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment