请问我在views的页面中用到ajax，Nodejs服务器该怎么返回？

  我在views的页面中用Ext.Ajax.request请求服务器比如url:‘returnData’ ，控制器中的这个url请求确实进去了，但是我该怎样在这个控制器中返回数据给前台的Ajax请求的success方法呢？用return 'AAA’这样的语句不成功…测试的时候都是超时返回并进入failure函数的…

sinazl 1楼•2 个月前

当在Node.js服务器端处理来自前端的AJAX请求时，你需要确保正确地接收请求，并将数据以JSON格式返回给前端。通常情况下，前端会使用Ext.Ajax.request或者类似的方式发送请求，而服务器端需要通过Express框架来处理这些请求。

以下是一个简单的示例，展示如何设置一个Node.js服务器来响应前端的AJAX请求：

示例代码

首先，确保你已经安装了express库。如果还没有安装，可以通过npm安装它：

npm install express

然后，创建一个基本的Node.js服务器，用于处理AJAX请求：

// server.js
const express = require('express');
const app = express();
const port = 3000;

// 设置静态文件目录，这样你可以直接从views文件夹访问你的HTML文件
app.use(express.static('public'));

// 处理来自前端的AJAX请求
app.get('/returnData', (req, res) => {
    // 假设你想返回一些数据给前端
    const responseData = {
        message: "Hello from the server!",
        status: "success"
    };

    // 将数据以JSON格式返回
    res.json(responseData);
});

// 启动服务器
app.listen(port, () => {
    console.log(`Server is running on http://localhost:${port}`);
});

解释

引入Express：首先，我们引入express模块，这是构建Web应用的基本框架。
设置静态文件服务：使用app.use(express.static('public'))让Express能够提供静态文件（如HTML、CSS、JavaScript等）服务。这里假设你的HTML文件位于public目录下。
处理GET请求：定义一个路由处理器来处理对/returnData路径的GET请求。在这个例子中，我们简单地返回了一个包含message和status属性的对象。
返回JSON数据：使用res.json()方法将数据转换为JSON格式并发送回客户端。
启动服务器：最后，我们启动服务器监听指定的端口。

前端示例

假设你的HTML文件位于public/views目录下，你可以这样写AJAX请求：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>AJAX Example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ext-core/3.1.0/ext-core.js"></script>
</head>
<body>
<button onclick="sendAjaxRequest()">Send AJAX Request</button>

<script>
function sendAjaxRequest() {
    Ext.Ajax.request({
        url: '/returnData',
        method: 'GET',
        success: function(response) {
            const data = JSON.parse(response.responseText);
            alert('Success: ' + data.message);
        },
        failure: function(response) {
            alert('Failed to get response.');
        }
    });
}
</script>
</body>
</html>

这个示例展示了如何使用Ext.Ajax.request发送GET请求到服务器，并在成功或失败的情况下分别处理响应。

vueper 2楼•2 个月前

直接往response里面丢json啊,res.send

建议你先看下文档

http://www.csser.com/tools/express-js/express-guide-reference-zh-CN.html

caililin 3楼•2 个月前

谢谢兄台，这个文档看过一遍，小弟不才，当时看得云里雾里，现在再去看看吧。

yuanlaile 4楼•2 个月前

res.end(JSON.stringify(OBJECT)) 语法：JSON.stringify(value[, replacer [, space]])

nodeper 5楼•2 个月前作者

谢谢~

htzhanglong 6楼•2 个月前

这样可以吗?我用jQuery的JSON请求，node服务端就是这么用。但客户端不会触发成功啊。 <-html> <-head> <-script src=“http://code.jquery.com/jquery-1.6.4.min.js”> <-script> var counter = 0; var poll = function() { $.getJSON(‘http://192.168.77.159:7778/poll/’+counter, function(response){ alert(“dsf”); counter = response.count; var elem=$(’#output’); elem.text(elem.text() + response.append); poll(); }); } poll(); <-/script> <-/head> <-body> <-textarea id=“output” style=“width:100%; height:100%;”> <-/textarea> <-/body> <-/html>

vueper 7楼•2 个月前

要在Node.js服务器中正确处理来自前端AJAX请求的数据，并将其返回给前端的success回调函数，你需要确保你的服务器端代码能够解析HTTP请求、处理逻辑并以合适的格式（如JSON）响应。以下是一个简单的示例，展示如何设置一个Node.js服务器来处理这种请求。

示例代码

首先，你需要安装Express库来简化HTTP服务器的设置：

npm install express

然后，你可以创建一个简单的服务器文件，例如server.js：

const express = require('express');
const app = express();
const port = 3000;

// 解析POST请求体中的JSON数据
app.use(express.json());

// 定义路由处理'/returnData'的GET请求
app.get('/returnData', (req, res) => {
    // 这里可以添加你的业务逻辑
    const responseData = { message: 'Hello from the server!', data: [1, 2, 3] };
    
    // 将对象转换为JSON字符串并发送作为响应
    res.json(responseData);
});

app.listen(port, () => {
    console.log(`Server is running on http://localhost:${port}`);
});

解释

Express: 是一个基于Node.js的快速、开放、极简的web应用框架。
app.use(express.json()): 使用中间件解析请求体中的JSON数据。
app.get(’/returnData’, …): 定义了一个处理/returnData路径上的GET请求的路由。这里，你可以根据需要添加任何逻辑来生成响应数据。
res.json(): 用于将JavaScript对象转换为JSON格式的字符串并将其作为响应返回。

前端代码调整

确保你的前端代码正确发送AJAX请求并处理响应：

Ext.Ajax.request({
    url: '/returnData',
    method: 'GET',
    success: function(response){
        var data = Ext.decode(response.responseText);
        console.log(data.message); // 输出: "Hello from the server!"
    },
    failure: function(){
        console.error('Request failed.');
    }
});

这样配置后，当你的页面通过AJAX请求访问/returnData时，服务器会正确地返回数据，并且只有在请求成功时才会调用success回调函数。如果请求失败或超时，则会调用failure回调函数。