Jquery通过ajax请求NodeJS返回json数据实例

Jquery通过ajax请求NodeJS返回json数据实例的完整攻略如下：

1. 准备工作

首先，需要在服务器端安装NodeJS环境，并将其配置好。然后在本地电脑上新建一个HTML文件，在头部引入Jquery库。

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

2. 编写服务器端代码

NodeJS代码示例：

const http = require('http');

http.createServer(function(req, res){
    let data = {
        name: 'Tom',
        age: 18,
        sex: 'male'
    };
    res.writeHead(200, {
        'Content-Type': 'application/json'
    });
    res.write(JSON.stringify(data));
    res.end();
}).listen(3000);

这段代码创建了一个HTTP服务器，监听本地的3000端口。当收到请求时，服务器会返回一个JSON格式的数据。

3. 编写客户端代码

在HTML文件中，可以通过ajax的方式向服务器请求数据。代码示例：

$.ajax({
    type: 'GET',
    url: 'http://localhost:3000',
    dataType: 'json',
    success: function(data){
        console.log(data);
    },
    error: function(){
        console.log('请求失败！');
    }
});

这段代码通过ajax的方式向服务器请求数据，使用了GET方法。服务器返回的数据格式是JSON，因此需要设置dataType参数为'json'。如果请求成功，会在控制台输出服务器返回的数据，否则输出请求失败的信息。

4. 完整代码示例

服务器端代码：

const http = require('http');

http.createServer(function(req, res){
    let data = {
        name: 'Tom',
        age: 18,
        sex: 'male'
    };
    res.writeHead(200, {
        'Content-Type': 'application/json'
    });
    res.write(JSON.stringify(data));
    res.end();
}).listen(3000);

客户端代码：

$.ajax({
    type: 'GET',
    url: 'http://localhost:3000',
    dataType: 'json',
    success: function(data){
        console.log(data);
    },
    error: function(){
        console.log('请求失败！');
    }
});

5. 另一种示例说明

以上示例是在客户端使用jQuery的ajax方法向NodeJS服务器获取数据，这里再提供一种方式——在NodeJS中直接使用express框架向客户端返回数据。

首先，需要安装express框架：

npm install express –save

然后，编写服务端代码示例：

const express = require('express');
const app = express();
const server = app.listen(3000, function(){
    console.log('Node运行在 http://localhost:3000');
});

app.get('/', function(req, res){
    let data = {
        name: 'Tom',
        age: 18,
        sex: 'male'
    };
    res.json(data);
});

这里使用了express框架，创建了一个HTTP服务器，监听本地的3000端口。当收到请求时，服务器会返回一个JSON格式的数据，使用了res.json()方法。

客户端代码示例同样可以使用之前的ajax方法，直接在浏览器中调用即可。