Skip to content

Instantly share code, notes, and snippets.

@HereIsJade
Created August 28, 2018 21:56
Show Gist options
  • Save HereIsJade/381f0da999c408556e7a2a2ad6707db5 to your computer and use it in GitHub Desktop.
Save HereIsJade/381f0da999c408556e7a2a2ad6707db5 to your computer and use it in GitHub Desktop.
Ajax demo
<!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>
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