当前位置: 首页 > 面试题库 >

Node.js,Ajax发送和接收Json

丌官翰采
2023-03-14
问题内容

使用Ajax,我试图仅将Json数据发送到节点服务器,不进行任何处理,仅在发送时发出警报,在接收到时发出警报:

这是我的html5:具有onclick函数的简单按钮,可触发该函数使用ajax调用

<!DOCTYPE HTML>
<html>
    <head>
        <script>
            function send()
            {
                //alert("Hello World");
                $.ajax
                ({
                    type: "post",
                    url: "http://localhost:8000", 
                    dataType: "json",
                    contentType: "application/json; charset=UTF-8",
                    data:  JSON.stringify({name: "Dennis", address: {city: "Dub", country: "IE"}})
                }).done(function ( data ) {alert("ajax callback response:" + data);
            });
        </script>
    </head>
    <body>
        <button onclick="send()">Click Me!</button>
    </body>
</html>

这是节点服务器的一部分:用于创建服务器并侦听某些操作

var port = 8000;
var server = http.createServer();
server.on('request', request);
server.listen(port);

function request(request, response) 
{
    var store = '';
    response.writeHead(200, {"Content-Type": "text/json"});
    request.on('data', function(data) 
    {
        store += data;
    });
    request.on('end', function() 
    {
       store = JSON.parse(store);
        console.log(store); 
        response.end(store);
    });
}

没有警报被触发,所以我不认为ajax正在尝试发送信息。


问题答案:

在服务器端尝试此操作:

var port = 8000;
var http = require("http");
var server = http.createServer();
server.on('request', request);
server.listen(port);
function request(request, response) {
    var store = '';

    request.on('data', function(data) 
    {
        store += data;
    });
    request.on('end', function() 
    {  console.log(store);
        response.setHeader("Content-Type", "text/json");
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.end(store)
    });
 }

在客户端:

$.ajax
({
  type: "POST",
  url: "http://localhost:8000",
  crossDomain:true, 
  dataType: "json",
  data:JSON.stringify({name: "Dennis", address: {city: "Dub", country: "IE"}})
 }).done(function ( data ) {
      alert("ajax callback response:"+JSON.stringify(data));
   })

希望这对你有用



 类似资料:
  • 问题内容: 因此,我正在尝试制作一个非常基本的node.js服务器,该服务器接受字符串请求,从数组中随机选择一个,然后返回所选的字符串。不幸的是,我遇到了一些问题。 这是前端: 这应该将请求发送到server.js: 很明显,这里有几处错误: 我感觉到我“连接”这两个文件的方式在方法和使用中都无法正确发送字符串到前端。 我对如何在localhost上调用此页面感到有些困惑。前端的名称为index.

  • http://Socket.io允许你触发或响应自定义的事件,除了connect,message,disconnect这些事件的名字不能使用之外,你可以触发任何自定义的事件名称。 服务器端 // 注意,io(<端口号>) 将为你创建一个http服务。 var io = require('socket.io')(80); io.on('connection', function (socket)

  • 通常在服务器发送一些数据时发生Message事件。服务器发送到客户端的消息可以包括纯文本消息,二进制数据或图像。无论何时发送数据,都会触发函数。 此事件充当客户端对服务器的耳朵。每当服务器发送数据时,都会触发事件。 以下代码段描述了打开Web Socket协议的连接。 还需要考虑使用Web套接字可以传输哪些类型的数据。Web套接字协议支持文本和二进制数据。就Javascript而言,文本指的是字符

  • 发送和接收比特币是任何比特币应用的核心构建块之一。通过互联网安全地发送和接收比特币是比特币的价值所在。要发送和接收比特币,需要有一个钱包,然后需要输入发件人和收件人的公共地址。发送和接收比特币的过程在钱包和钱包之间可能不同,但一般步骤如下。 第1步:登录您的钱包。 第2步:转到“发送和接收”图标。 第3步:选择是否要发送或接收比特币。 第4步:发送:输入收件人的公共地址,然后选择要发送的金额。确定

  • 我有1个活动和1个普通类,其中活动1接收消息,普通类发送消息。如何实施: 在活动一中。班 在Ordinary.class 如何发送空消息(1)的代码?

  • 我必须在nodeJS和angular 6中实现类似webmail的电子邮件服务器。 关于我的场景,用户需要提供他们的电子邮件和电子邮件密码,然后我必须识别他们的smtp服务器地址和身份验证。之后,用户应该能够发送和接收电子邮件连接到提供的电子邮件。 我已经研究了我有哪些选项,大多数文章说node-mailer是最好的发送电子邮件的,但没有接收电子邮件和node-imap的功能,除了那些我目前最好的