nodejs ajax 基础-jQuery实现

最新推荐文章于 2022-08-31 14:09:21 发布

ChaunceyQu

最新推荐文章于 2022-08-31 14:09:21 发布

阅读量929

点赞数

分类专栏： nodejs 文章标签： jquery ajax nodejs

本文链接：https://blog.csdn.net/Summit_XY/article/details/78714458

版权

nodejs 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

index.js:

var http = require('http')
var url = require('url')
var path = require('path')
var util = require('util')
var qs = require('querystring')
var fs = require('fs')
http.createServer(function (req, res) {
    switch (req.url) {
        case '/test1.js':
            res.writeHead(200, {
                'Content-Type': 'text/javascript'
            })
            res.end(fs.readFileSync('./test1.js'))
            break;

        case '/data.txt':
            res.writeHead(200, {
                'Content-Type': 'text/plain'
            })
            res.end(fs.readFileSync('./data.txt'))
        default:
            res.writeHead(200, {
                'Content-Type': 'text/html'
            })
            res.end(fs.readFileSync('./index.html'))
            //res.end(obj.name)
            break;
    }

}).listen(8000)

var sendFile = function (res, filePath, mime) {
    res.writeHead(200, {
        'Content-Type': mime
    })
    res.write(fs.readFileSync(filePath))
}
console.log('listen at ' + 8000)

index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="./test1.js"></script>
</head>
<body>
   <p>show here</p>
   <button>click</button>
</body>
</html>

test1.js:使用jquery.ajax实现

window.onload=function(){
    //alert('hah')
    $('button').click(function(){
       var xml=$.ajax({
           url:'/data.txt',
           async:false
       })
       $('p').text(xml.responseText)
    })
}

data.txt:

hello this is a test file
so ...
you konw just say something 
like  666

node index.js后访问http://127.0.0.1:8000，返回页面，点击按钮，上方段落内容会变为服务端data.txt的内容

ChaunceyQu

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
nodejs ajax 基础-jQuery实现

nodejs ajax 基础原生http模块和jquery实现
复制链接

扫一扫

专栏目录

nodejs ajax 基础-jQuery实现

“相关推荐”对你有帮助么？