Question

我的前端有一张照片。我将右键单击图像坐标存储在javascript对象中。另一方面，我使用nodejs创建了一个api，我想在Web浏览器上通过api调用它时显示这个对象。对象的名称是imageCoord。这是我的nodejs代码：

console.log('server is starting');

var express = require('express');

var app = express();

var server = app.listen(3000, listening);

function listening() {
    console.log('Listening...');
}

app.use(express.static('website'));

app.get('/imgcoords', sendImgCoords);

function sendImgCoords(request, response){
    response.send(imageCoord);      
}

我试图仅通过其名称调用回调函数中的对象，因为此对象是我的前端代码中的全局变量，但是我收到了引用错误。如何将此对象调用到此代码中以便我可以获得所需的结果？

Answer 1

我理解您的问题的方式是，在您的应用程序的客户端，您有一个名为imageCoord的全局变量，您希望能够从服务器访问该变量。如果您希望能够执行此操作，则需要将对象上载到服务器。这可以使用AJAX完成。

在服务器上执行以下操作：

let imageCoords = {};
app.put("/putcoords", (req, res) => {
    imageCoords = json.parse(req.body);
});

在客户端上执行以下操作：

function uploadImageCoords() {
    let xhr = new XMLHttpRequest();
    xhr.open("PUT", "/putcoords", true);
    xhr.send(imageCoords);
}

// update 'imageCoords'
uploadImageCoords();

如何从其他js文件中调用一个js中的javascript对象？

1 个答案: