来自节点的ajax响应

时间:2012-07-13 14:06:39

标签: node.js jquery

我正在调用node'js进程来抓取twitter并从数据中创建图表...

这是代码。

var http  = require('http');
var url   = require('url');
var exec  = require('child_process').exec;
var fs    = require('fs');

var filepath = 'filenamegraph.png';

http.createServer(function(req,res){
    var urlstr = url.parse(req.url,true);
    var twit = exec("php -f twitter-scraper.php "+urlstr.query.term ,function(error, stdout, stderr){
        var graphstring = stdout;
        var stream = fs.createWriteStream("graph.txt");
        stream.once('open', function(fd){  
            stream.write(graphstring, function(){
                exec('dot -T png -o filenamegraph.png graph.txt', function(){
                    fs.stat(filepath,function(err,stat){
                        res.writeHead(200,{'Content-Type':'image/png', 'Content-Length': stat.size });
                        fs.readFile(filepath,function(err,file_conts){
                            res.write(file_conts);
                            res.end();
                        });
                    });
                });
            });
        });
    });
}).listen(1337);

所有这些都是hunky dory ......

现在我称之为:

$.ajax({
    url: 'http://eavesdropper.dev:1337',
    data: { term : $.url.parse().params.term },
    success: function(data) {
        var res = $.parseJSON(data);
        console.log(res);
        $("body").append('<img src="filenamegraph.png" />');
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(jqXHR,'errror - ' + textStatus + " - " + errorThrown + ' ||');
    },
    complete: function(jqXHR, textStatus){
        console.log(jqXHR, textStatus)
    }
});
幕后工作很好但是我明白了......

Object { readyState=0, status=0, statusText="error"} error - error - ||

不确定下一步是什么,所以任何提示都非常感激。

PS:直接在浏览器中运行,脚本会正确地生成图形,这样就可以确保将数据返回到正在沮丧的ajax调用。

1 个答案:

答案 0 :(得分:1)

您的服务器正在提供新创建的图形文件的内容,但您的所有客户端正在尝试解析内容,就好像它是JSON(显然不是,导致您的错误消息)然后插入一个<img>元素,它将导致浏览器从提供原始HTML的任何服务器请求“filenamegraph.png”。

在我看来,你根本不需要做一个AJAX请求;只需添加<img src='http://eavesdropper.dev:1337/?your_params' />,浏览器就会自动获取并显示服务器生成的图像。