Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Node.js和ajax进行长轮询_Javascript_Mysql_Ajax_Node.js - Fatal编程技术网

Javascript 使用Node.js和ajax进行长轮询

Javascript 使用Node.js和ajax进行长轮询,javascript,mysql,ajax,node.js,Javascript,Mysql,Ajax,Node.js,我有以下服务器代码 var http = require('http'); var mysql = require('mysql'); var querystring = require('request'); var util = require('util'); var url = require('url'); var singer_name; var currentmodif, lastmodif; var requests=[]; var response; var connect

我有以下服务器代码

var http = require('http');
var mysql = require('mysql');
var querystring = require('request');
var util = require('util');
var url = require('url');

var singer_name;
var currentmodif, lastmodif;
var requests=[];
var response;

var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'someone',
  password : 'xxxxxxx',
  database : 'rest',  //mysql database to work with (optional)
});
connection.connect(); //connect to mysql

connection.query('SELECT * FROM musics WHERE id=1', function(err, rows, fields) {
  if (err) throw err;

  singer_name=rows[0].singer_name;
  currentmodif=rows[0].time_added;
});


http.createServer(function (req, res) {
    console.log('request received');

    requests.push({
        response: res,
        timestamp: new Date().getTime()
    });

    if(req.method=='GET'){
        var url_parts = url.parse(req.url,true);
        lastmodif = url_parts.query.timestamp;
    }

    //check_update(req, res);

}).listen(9000);


setInterval(function() {

    var expiration = new Date().getTime() - 30000;

    for (var i = requests.length - 1; i >= 0; i--) {
        //console.log("Request timestamp: "+requests[i].timestamp+" Expiration : "+expiration);
        response = requests[i].response;
        if (requests[i].timestamp < expiration) {
            console.log("The condition is met");
            response.writeHead(200, {
            'Content-Type'   : 'text/plain',
            'Access-Control-Allow-Origin' : '*'
            });

            // return response
            response.write('_testcb(\'ok\')', 'utf8');
            response.end();
            //break;
        }
    }

    connection.query('SELECT * FROM musics WHERE id=1', function(err, rows, fields) {
        if (err) throw err;
        currentmodif=rows[0].time_added;        
            //console.log("currentmodif: "+currentmodif+" lastmodif: "+lastmodif);
        if (currentmodif > lastmodif){
            singer_name=rows[0].singer_name; 
            var _arrays = {'singer_name': singer_name, 'time': currentmodif}
            var data = "_testcb"+"("+JSON.stringify(_arrays)+")";
            response.writeHead(200, {
            'Content-Type'   : 'text/plain',
            'Access-Control-Allow-Origin' : '*'
            });
            if (response.end(data))
            console.log("Response successfully sent");
            //return false;
        }

    });
}, 2000);
var http=require('http');
var mysql=require('mysql');
var querystring=require('request');
var util=require('util');
var url=require('url');
var singer_姓名;
var currentmodif,lastmodif;
var请求=[];
var反应;
var connection=mysql.createConnection({
主机:“localhost”,
用户:“某人”,
密码:“xxxxxxx”,
数据库:“rest”,//要使用的mysql数据库(可选)
});
connection.connect()//连接到mysql
connection.query('SELECT*FROM music,其中id=1',函数(err、行、字段){
如果(错误)抛出错误;
singer\u name=行[0]。singer\u name;
currentmodif=行[0]。添加了时间;
});
http.createServer(函数(req,res){
log(“收到请求”);
请求推送({
答复:res,
时间戳:新日期().getTime()
});
if(请求方法=='GET'){
var url_parts=url.parse(req.url,true);
lastmodif=url\u parts.query.timestamp;
}
//检查更新(req、res);
}).听(9000);
setInterval(函数(){
var expiration=new Date().getTime()-30000;
对于(var i=requests.length-1;i>=0;i--){
//log(“请求时间戳:+请求[i]。时间戳+”到期:+到期);
响应=请求[i]。响应;
if(请求[i]。时间戳<到期){
console.log(“条件满足”);
书面答复(200{
“内容类型”:“文本/普通”,
“访问控制允许来源”:“*”
});
//返回响应
响应。写入('u testcb('ok'),'utf8');
response.end();
//中断;
}
}
connection.query('SELECT*FROM music,其中id=1',函数(err、行、字段){
如果(错误)抛出错误;
currentmodif=行[0]。添加了时间;
//log(“currentmodif:+currentmodif+”lastmodif:+lastmodif”);
如果(currentmodif>lastmodif){
singer\u name=行[0]。singer\u name;
var\u数组={'singer\u name':singer\u name,'time':currentmodif}
var data=“_testcb”+”(“+JSON.stringify(_arrays)+”);
书面答复(200{
“内容类型”:“文本/普通”,
“访问控制允许来源”:“*”
});
if(响应结束(数据))
console.log(“成功发送响应”);
//返回false;
}
});
}, 2000);
和客户端代码:

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <title>Node.js Ajax test</title>
</head>
<body>

</body>
<script>
var timestamp = "1380020402";
function callNode() {

var time = "1380020402";
    $.ajax({
        url: 'http://xx.xxx.xx.xxx:9000/',
        dataType: "jsonp",
        data: {"timestamp":timestamp},
        type: 'POST',
        jsonpCallback: "_testcb",
        cache: false,
        timeout: 35000,
        success: function(response, code, xhr) {
            if ('ok' == response) {
                callNode();
                return false;
            }

            console.log(response);

            timestamp = response.time;
            // make new call
            callNode();
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log('error ' + textStatus + " " + errorThrown);
        }
    });
}
$(function () {
    callNode();
});
</script>
</html>

Node.js Ajax测试
var timestamp=“1380020402”;
函数callNode(){
var time=“1380020402”;
$.ajax({
网址:'http://xx.xxx.xx.xxx:9000/',
数据类型:“jsonp”,
数据:{“timestamp”:timestamp},
键入:“POST”,
jsonpCallback:“_testcb”,
cache:false,
超时:35000,
成功:函数(响应、代码、xhr){
如果('ok'==响应){
callNode();
返回false;
}
控制台日志(响应);
时间戳=响应时间;
//打新电话
callNode();
},
错误:函数(jqXHR、textStatus、errorshown){
log('error'+textStatus+“”+errorshown);
}
});
}
$(函数(){
callNode();
});
我正在努力做一个长时间的民意调查。因此,在更新数据库中的数据之前,应对ajax请求的响应应该暂停,但上面的代码不起作用。我从不同的域发出ajax请求,因此使用jsonp

确切的问题是,当前当数据库中的数据发生更改时,不会发送响应。它时不时地工作,但并不总是可靠的

另一个问题是超时的代码块不工作。如果请求已发出30秒,则应发送一个空白响应,以避免ajax超时

如果有人能帮忙,我将不胜感激


干杯。

我已经弄明白了。修订后的工作守则如下:

客户端:

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <title>Node.js Ajax test</title>
</head>
<body>

</body>
<script>
var timestamp;
function callNode() {

    $.ajax({
        url: 'http://xx.xxx.xx.xxx:9000/',
        dataType: "jsonp",
        data: {"timestamp":timestamp},
        //type: 'POST', //don't need this with jsonp
        jsonpCallback: "_testcb",
        cache: false,
        timeout: 35000,
        success: function(response, code, xhr) {
            if ('ok' == response) {
                console.log(response);
                callNode();
                return false;
            }

            console.log(response);

            timestamp = response.time;
            // make new call
            callNode();
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log('error ' + textStatus + " " + errorThrown);
        }
    });
}
$(function () {
    setTimeout(callNode, 1); //call function with setTimeout in order to avoid ugly constant browser loading 
});
</script>
</html>

Node.js Ajax测试
var时间戳;
函数callNode(){
$.ajax({
网址:'http://xx.xxx.xx.xxx:9000/',
数据类型:“jsonp”,
数据:{“timestamp”:timestamp},
//键入:“POST”,//不需要在jsonp中使用此选项
jsonpCallback:“_testcb”,
cache:false,
超时:35000,
成功:函数(响应、代码、xhr){
如果('ok'==响应){
控制台日志(响应);
callNode();
返回false;
}
控制台日志(响应);
时间戳=响应时间;
//打新电话
callNode();
},
错误:函数(jqXHR、textStatus、errorshown){
log('error'+textStatus+“”+errorshown);
}
});
}
$(函数(){
setTimeout(callNode,1);//使用setTimeout调用函数,以避免不稳定的浏览器加载
});
服务器端(Server.js):

var http=require('http');
var mysql=require('mysql');
var util=require('util');
var url=require('url');
变量singer\u name、currentmodif、lastmodif、请求、响应、请求的时间;
//var请求=[];
var connection=mysql.createConnection({
主机:“localhost”,
用户:“某人”,
密码:“xxxxxx”,
数据库:“rest”,//要使用的mysql数据库(可选)
});
connection.connect()//连接到mysql
connection.query('SELECT*FROM music,其中id=1',函数(err、行、字段){
如果(错误)抛出错误;
singer\u name=行[0]。singer\u name;
currentmodif=行[0]。添加了时间;
});
http.createServer(函数(req,res){
请求=请求;
响应=res;
请求的时间=新日期().getTime();
log(“收到请求”);
if(请求方法=='GET'){
var url_parts=url.parse(req.url,true);
lastmodif=url\u parts.query.timestamp;
var http = require('http');
var mysql = require('mysql');
var util = require('util');
var url = require('url');

var singer_name, currentmodif, lastmodif, request, response, time_of_request;

//var requests=[];

var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'someone',
  password : 'xxxxxx',
  database : 'rest',  //mysql database to work with (optional)
});
connection.connect(); //connect to mysql

connection.query('SELECT * FROM musics WHERE id=1', function(err, rows, fields) {
  if (err) throw err;

  singer_name=rows[0].singer_name;
  currentmodif=rows[0].time_added;
});


http.createServer(function (req, res) {
    request = req;
    response = res;
    time_of_request = new Date().getTime();
    console.log('request received');


    if(req.method=='GET'){
        var url_parts = url.parse(req.url,true);
        lastmodif = url_parts.query.timestamp;
    }

    req.on('error', function(e) {
        console.log('problem with request: ' + e.message);
    });

    //checkupdate();     

}).listen(9000);

var response;

function checkupdate() { 

    var expiration = new Date().getTime() - 30000;

    //for (var i = requests.length - 1; i >= 0; i--) {
        //console.log("Request timestamp: "+time_of_request+" Expiration : "+expiration);
        if (time_of_request < expiration) {
            console.log("The condition is met");
            // return response
            response.write('_testcb(\'ok\')', 'utf8');
            response.end();
        }
    //}

    connection.query('SELECT * FROM musics WHERE id=1', function(err, rows, fields) {
        if (err) throw err;
        currentmodif=rows[0].time_added;

        if (lastmodif == undefined)
            lastmodif = 0;

        console.log("currentmodif: "+currentmodif+" lastmodif: "+lastmodif);

        if (currentmodif > lastmodif){
            singer_name=rows[0].singer_name;  
            var _arrays = {'singer_name': singer_name, 'time': currentmodif} 
            var data = "_testcb"+"("+JSON.stringify(_arrays)+")";

            //response.writeHead(200, { 'content-type':'application/json',
                                    //'Access-Control-Allow-Origin' : '*'});
            //response.write(data); 
            response.end(data);
            console.log("Response successfully sent");
            //return false;
        }

    });
};

setInterval(checkupdate, 2000);