我正在调用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调用。
答案 0 :(得分:1)
您的服务器正在提供新创建的图形文件的内容,但您的所有客户端正在尝试解析内容,就好像它是JSON(显然不是,导致您的错误消息)然后插入一个<img>
元素,它将导致浏览器从提供原始HTML的任何服务器请求“filenamegraph.png”。
在我看来,你根本不需要做一个AJAX请求;只需添加<img src='http://eavesdropper.dev:1337/?your_params' />
,浏览器就会自动获取并显示服务器生成的图像。