nodejs --- ajax

        ajax 全名 async javascript and XML(异步JavaScript和XML);是前后台交互的能力也就是我们客户端给服务端发送消息的⼯具,以及接受响应的⼯具。

        ajax是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

        前端刷新页面有两种技术:
            1、 整个页面刷新 即跳转到一个新的网页页面
            2、 局部刷新,用js去做网络请求  然后请求得到的数据 动态的渲染的DOM

        ajax请求的步骤:

        1、创建ajax对象        new XMLHttpRequest()

        2、配置连接信息        

        3、发送连接请求

        4、等待连接

html 代码:

 
    
    

js代码:

 var http = require("http")
 var fs = require("fs")
 var url = require("url")
 var querystring = require("querystring")
 var mime = require("mime")
 var app = http.createServer((req,res) => {
    let pathname = url.parse(req.url).pathname
    fs.readFile(__dirname+"/src"+pathname,(err,data) => {
        if (!err) {
            res.setHeader("conten-Type",mime.getType(pathname))
            res.end(data)
        }
        else if(pathname == "/ajax1") {
            res.writeHead(200,{"content-Type":"text/json"})
            res.end('{"name":"xiaozhang","age":21}')
        }
        else {
            
            res.end("404 not found")
        }
    })
 })
 app.listen(8081)

nodejs --- ajax_第1张图片

 

你可能感兴趣的:(node.js,ajax,javascript,前端)