从NodeJS发送数据而不重新渲染整个页面？
我已经写了一个非常简单的快速NodeJS应用程序，从窗体中的用户读取数据并发送到服务器。 服务器做了一些操作，并返回一个新的string到同一页面。 但是，为了将新数据返回到当前加载的页面，我必须重新呈现页面。 我想通过从节点js发送它来更新一个string，而不是重新渲染整个页面。
我有以下问题：
- 如何从NodeJS服务器发送数据而不重新渲染整个页面？
-
为什么使用
Post方法发送数据，在req.body.XXX提供数据，但是使用Get方法发送数据，为req.body.XXX返回undefined。<html> <head> <title><%= title %></title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <body> <h1><%= title %></h1> <p>Welcome to <%= title %></p> <form id="myForm" action = "http://localhost:3000/testing" method="post"> Enter Url: <input type="text" name="urlEditText"/> <br /> <br /> Shortened Url:<%= shortenedUrl %> <br /> <br /> <input id="myButton" type="button" value="Submit" /> </form> </body> </html>
index.js：
var express = require('express'); var router = express.Router(); /* GET home page. */ router.get('/', function(req, res, next) { res.render('index', { title: 'Express', shortenedUrl: ''}); console.log("hello inside index.js method 0"); }); // passing an updated string back to the page router.post('/yolo', function(req, res, next) { res.render('index', { title: 'NewTitle', shortenedUrl: req.body.urlEditText}); console.log("hello inside index.js method 1"); });
编辑：
提交JQuery脚本：
$(document).ready(function() { $("#myButton").bind('click', function() { event.preventDefault(); $("#myForm").submit(function() { document.write("button clicked calling yolo script"); }); $.post('/yolo', function() { document.write("button clicked calling yolo script"); alert("yolo"); }); });
我build议使用像socket.io这样的东西，所以你可以发送和接收来自服务器的数据，而无需重新加载页面。 以下是他们网站的一个简单例子：
服务器（app.js）
var app = require('http').createServer(handler) var io = require('socket.io')(app); var fs = require('fs'); app.listen(80); function handler (req, res) { fs.readFile(__dirname + '/index.html', function (err, data) { if (err) { res.writeHead(500); return res.end('Error loading index.html'); } res.writeHead(200); res.end(data); }); } io.on('connection', function (socket) { socket.emit('news', { hello: 'world' }); socket.on('my other event', function (data) { console.log(data); }); });
客户端（index.html）
<script src="/socket.io/socket.io.js"></script> <script> var socket = io('http://localhost'); socket.on('news', function (data) { console.log(data); socket.emit('my other event', { my: 'data' }); }); </script>
res.render仅用于渲染页面。 在你的情况下，你可能需要res.json({title: 'newTitle', ...})
至于你的第二个问题， req.body只填充POST和PUT请求的数据。 对于GET您可以依赖req.query或req.params具体取决于如何组织您的API路线