如何使用Prototype Ajax.request捕获流式传输结果

时间:2012-10-17 21:00:38

标签: node.js prototypejs prototype

高级概述:

我有一个nodejs expressjs服务器,它使用名为pg的PostgreSQL nodejs驱动程序。我有一个html文件提供给客户端浏览器,当你单击一个按钮调用我的expressjs服务器上的expressjs路由。此路由将从PostgreSQL数据库中选择数据并将其返回到客户端html文件。问题是路由会在查询中为数据库选择的每一行发出响应。所有客户端(html浏览器)获取的是第一行。我可以写入nodejs控制台服务器端并获取要显示的所有行,但显然我在网页上知道这一点。

问题: 如何将我的客户端html文件写入客户端的控制台,以便从我的expressjs route / pg发出的每一行?我的假设是在客户端上,对于我的expressJS路由发出的每一行都会触发onSuccess。

NodeJS \ ExpressJS服务器文件:

var express = require('express');
var pg = require('pg');

var app = express();

var MemoryStore = express.session.MemoryStore;

var conString = "postgres://joe_user:password@localhost/dev_db";

var client = new pg.Client(conString);
client.connect();



app.get('/home', function(req,res){
 res.sendfile(__dirname + '/views/index.html');
});
app.use(express.bodyParser());
app.use(express.cookieParser());
app.use
(
express.session
(
{ 
    key: 'some-key',
    secret: 'some-We1rD sEEEEEcret!',
    cookie: { secure: true },
    store: new MemoryStore({ reapInterval: 60000 * 10 }) 
}
)
);



app.use
(
function(err, req, res, next)
{
  // logic
  console.error(err.stack);
  res.send(500, 'Something broke!');
}
);

app.get('/pg', function(req, res)
{


   var  query = client.query("SELECT * FROM junk_data;"); //Returns 7000 rows with 8 columns total


query.on('row', function(row) 
{
   res.send(row);
   console.log(row);
}

);



}

);

process.on('uncaughtException', function (err) {
    console.log(err);
});

app.listen(4000);

HTML文件:

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Demo: dojo/request/xhr</title>
        <!--<link rel="stylesheet" href="style.css" media="screen">-->
        <!--<link rel="stylesheet" href="../../../resources/style/demo.css" media="screen">-->
    </head>
    <body>
        <h1>Demo: dojo/request/xhr</h1>
        <p>Click the button below to see dojo/request/xhr in action.</p>
        <div>

            <button id="textButton2" onclick="SubmitPGRequest();">Call Express Route For PostgreSQL</button>
            <!--<input type="button" value="Submit" onclick="SubmitRequest();"/> -->
        </div>
        <br /><br />
        <div id="resultDiv">
        </div>
        <!-- load dojo and provide config via data attribute -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.7/prototype.js"></script>
        <script>

function SubmitPGRequest()
{
            new Ajax.Request( '/pg', {
              method:  'get',
              onSuccess:  function(response){
                <!--alert(response.responseText); -->
                if(response.done) {
                alert('Done!');
                }else {
                console.log(response.responseText);}
              },
              onFailure:  function(){
                alert('ERROR');
              }
});
}
        </script>
    <

/体&GT;

1 个答案:

答案 0 :(得分:0)

好的,所以我想出了一个问题的答案。

使用nodejs pg驱动程序,您可以在查询完成(结束)后发送结果对象中的所有行,并一次性发送它们。下面是我最终在我的expressjs服务器路由中将所有行发送回客户端。

//fired once the function above has completed firing.    
query.on('end',(result) 
{
    res.send(result.rows);//send all rows back to client.
}