Ajax with node.js

本文关键字：js node with Ajax 更新时间：2023-09-26

我知道有些人以前问过这个问题，但我不明白答案：/我正在使用node.js，我真的很想在其中使用Ajax。我的代码是：

var $ = require('jquery');
var http = require("http");
var ws = require("nodejs-websocket");
var fs = require("fs");
var colors = require('colors');
http.createServer(function (req, res) {
	fs.createReadStream("index.php").pipe(res)
}).listen(8080)
// ###################################################################################################################################
// ########################################################## CLASSE SERVER ##########################################################
// ###################################################################################################################################
var tableauDeJoueur = new Array();
var server = ws.createServer(function (connection){
	connection.nickname = null
	connection.on("text", function (str){
		if (connection.nickname === null){
			connection.nickname = str;
			
			console.log((connection.nickname+" arrive sur PixelWorld !").green);
		}
		else{
			var code = str.substring(0,2);
			var reste = str.substring(2,str.length);
			switch(code){
				case "01":
					var coupe = reste.split("4H[m~Ft7");
					var mail = coupe[0];
					var mdp = coupe[1];
					$.ajax({
						url: "fonctionPHP/connection.php",				
						type: "POST",
						data: {'mail': mail,'mdp': mdp},
						async:false,
						success: function(html){
							if(html == "OK"){
								console.log("oui");
							}
							else{
								console.log("non");
							}
						}
					});
					break;
				case "02":
					break;
			}
		}
	})
	connection.on("close", function (){
		console.log((connection.nickname+" a quitté PixelWorld !").red);
	})
})
server.listen(8081)
function broadcast(str) {
	server.connections.forEach(function (connection) {
		connection.sendText(str)
	})
}

我的问题是在"$.ajax（{"一行。当用户来的时候，服务器会通知我，没关系。但是当他发送带有 01 代码的消息时，节点崩溃并说我：

 $.ajax({
                                          ^
TypeError: Object function ( w ) {
                                if ( !w.document ) {
                                        throw new Error( "jQuery requires a window with a document" );
                                }
                                return factory( w );
                        } has no method 'ajax'
    at Connection.<anonymous> (/var/www/dhkuhnuhbnkiuh/app.js:46:8)
    at Connection.EventEmitter.emit (events.js:95:17)
    at Connection.processFrame (/var/www/dhkuhnuhbnkiuh/node_modules/nodejs-websocket/Connection.js:516:9)
    at Connection.extractFrame (/var/www/dhkuhnuhbnkiuh/node_modules/nodejs-websocket/Connection.js:458:14)
    at Connection.doRead (/var/www/dhkuhnuhbnkiuh/node_modules/nodejs-websocket/Connection.js:209:23)
    at Socket.<anonymous> (/var/www/dhkuhnuhbnkiuh/node_modules/nodejs-websocket/Connection.js:52:8)
    at Socket.EventEmitter.emit (events.js:92:17)
    at emitReadable_ (_stream_readable.js:408:10)
    at emitReadable (_stream_readable.js:404:5)
    at readableAddChunk (_stream_readable.js:165:9)

对不起，如果我的英语不好，我是法国人，英语不好。感谢您的帮助:D

从nodejs执行请求相当容易，根本不需要使用$.ajax。您可以使用 npm 请求模块。 $.ajax是为从浏览器触发请求而构建的。但是如果你"真的"想在node上使用$.ajax，我想你可以通读这个问题

首先，我们首先了解 AJAX 和 Node.Ajax 是一种基于 xml 的客户端技术，它可以自动更新网页的内容，而无需重新加载页面。Node.js 是一种服务器端脚本语言。为了清楚地说明这一点，我们将创建一个客户端client.html文件和一个服务器server.js除了安装 npm 之外，我们还将安装express中间件以及我们将要使用的一些依赖项。 npm install --save express body-parser body-parser-xml

让我们从编写server.js文件开始。此文件将解析发送给 AJAX 的 xml 请求。处理完请求正文后，服务器应将响应发送回客户端。

var express = require('express');
var bodyParser = require('body-parser');
var app = express();
require('body-parser-xml')(bodyParser);
app.use(bodyParser.xml({
  limit: '1MB',
  XmlParseOptions: {
    normalize: true,
    normalizeTags: true,
    explicitArray: false
  }
}));
app.get('/', function(req, res) {
  res.sendFile(__dirname + "/" + "client.html");
});
app.post('/library', bodyParser.urlencoded({ extended: false }), function(req, res) {
  console.log(req.body);
  var title = req.body.book.title;
  var author = req.body.book.author;
  var year = req.body.book.year;
  console.log(title + " " + author + " " + year);
  //optional operations like database can be performed here
  // we are sending a response mimicking a successfull search query
  res.end("Book Found in library");
});
var server = app.listen(8080, function() {
  var host = '127.0.0.1';
  var port = server.address().port;
  console.log("Server running at http://%s:%s'n", host, port);
});

接下来，创建client.html文件。此文件将具有简单的形式，当提交时调用 AJAX 函数，该函数又将 xml 数据发送到server.js然后等待并处理响应

<!DOCTYPE html>
<html>
<head>
  <title></title>
  <script type="text/javascript">
    function Search() {
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.getAllResponseHeaders();
      xmlhttp.open('POST', 'http://127.0.0.1:8080/library', true);
      console.log(document.getElementById('title').value);
      console.log(document.getElementById('author').value);
      var text = "<book>" +
        "<title>" + document.getElementById('title').value + "</title>" +
        "<author>" + document.getElementById('author').value + "</author>" +
        "<year>" + document.getElementById('year').value + "</year>" +
        "</book>";
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4) {
          if (xmlhttp.status == 200) {
            alert(xmlhttp.responseText);
            console.log("All ok. You hit the server");
          }
        }
      };
      xmlhttp.setRequestHeader("Content-Type", "text/xml");
      xmlhttp.send(text);
    }
  </script>
</head>
<body>
<form name="" method="POST" action="">
  Title:<input type="text" name="title" id="title">
  Author:<input type="text" name="author" id="author">
  Year:<input type="text" name="year" id="year"><br>
  <br>
  <input type="button" value="Search" onclick="Search()" />
</form>
</body>
</html>

希望本指南将来有所帮助。谢谢