9

Node.js で奇妙な動作が発生しhttp.getます。ajax を使用して URL にリクエストを送信し、その結果をブラウザに取得したいと考えています。<head>しかし、私はタグコンテンツの一部しか取得せず、それ以上のコンテンツは取得しません<body>。しかし、結果をシステム コンソール ( console.log(chunk)) に送信すると、取得したい結果 (ページ全体) が取得されます。私の手順は次のとおりです。

// Simple jQuery Ajax GET
$.ajax({
    type: "GET",
    url: "/myapppath",   // send to my app's url
    data: {foo: "bar"},
    success: onLoad,    // the callback, see just bellow
    error: onError,
    dataType: "text"
});

// With this callback function I want to insert the result into <div id="baz">
function onLoad(resp) {
   document.getElementById("baz").innnerHTML = resp;
}

// In /myapppath
http.get("http://stackoverflow.com/", function(result) {
   result.setEncoding('utf8');
   result.on("data", function(chunk) {
      console.log(chunk); // this successfully returns the whole page but into system console
      res.end(chunk);   // this returns just a piece of <head> tag into the browser.
   });
});

したがって、私の場合、リクエストのタグの<div id="baz">一部のみを取得し、タグとそのコンテンツは取得しません。ページ全体ではなく、それだけです。<head>http://stackoverflow.com/<body><div id="baz">

<!DOCTYPE html>
<html>
<head> 
    <title>Stack Overflow</title>
    <link rel="shortcut icon" href="https://cdn.sstatic.net/stackoverflow/img/favicon.ico">
    <link rel="apple-touch-icon image_src" href="https://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">
    <link rel="search" type="application/opensearchdescription+xml" title="Stack Overflow" href="/opensearch.xml">

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.sstatic.net/js/stub.js?v=dd6898efd655"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.sstatic.net/stackoverflow/all.css?v=8a5907e853ab">

    <link rel="alternate" type="application/atom+xml" title="Feed of recent questions" href="/feeds">
        <script type="text/javascript" defer>
        </script>    
    <script type="text/javascript">          StackExchange.init({"stackAuthUrl":"https://stackauth.com","serverTime":1374771485,"styleCode":true,"enableUserHovercards":true,"site":{"name":"Stack Overflow","description":"Q&A for professional and enthusiast programmers","isNoticesTabEnabled":true,"recaptchaPublicKey":"6LdchgIAAAAAAJwGpIzRQSOFaO0pU6s44Xt8aTwc","enableSocialMediaInSharePopup":true},"user":{"fkey":"b1d105a0cf61e49216c5750a6ad60dec","isAnonymous":true}});
        StackExchange.using.setCacheBreakers({"js/prettify-full.js":"6c261bebf56a","js/moderator.js":"7cf00e91ce39","js/full-anon.js":"c5bf51314708","js/full.js":"02e9182c23d3","js/wmd.js":"2f79c03846d5","js/third-party/jquery.autocomplete.min.js":"e5f01e97f7c3","js/mobile.js":"e8e23ad37820","js/help.js":"6e6623243cf6","js/tageditor.js":"450c9e8426fc","js/tageditornew.js":"b6c68ad4c7dd","js/inline-tag-editing.js":"8e84e8a137f7","js/revisions.js":"7273bb714bba","js/review.js":"2b3ae123e376","js/tagsuggestions.js":"aa48ef6154df","js/post-validation.js":"bb996020492a","js/explore-qlist.js":"1c5bbd79b562","js/events.js":"37756ef3ba47"});
    </script>
    <script type="text/javascript">
        StackExchange.using("gps", function() {
             StackExchange.gps.init(true);
        });
    </script>

        <script type="text/javascript">
            StackExchange.ready(function () {
                $('#nav-tour').click(function () {
                    StackExchange.using("gps", function() {
                        StackExchange.gps.track("aboutpage.click", { aboutclick_location: "headermain" }, true);
                    });
                });
            });
        </script>
</h

しかし、console.log(chunk)上で述べたように、ページ全体がコンソールに印刷されます。

何が起こっている？http.getブラウザーに完全な応答を返さないのはなぜですか? 私は何を取りこぼしたか？何が応答をカットしますか?

4

2 に答える 2

14

console.log(chunk);実際にはページ全体を一度にログに記録するわけではありませんが、chunkさらに'data'到着するたびにログを記録し続けます。

res.end()一方、最初の呼び出しの後に接続が閉じられるため、何もしないため、最初の呼び出しのみchunkが含まれます。

あなたができることは、 のres.write()それぞれchunk、'data'を待っている'end'ことres.end()です:

http.get("http://stackoverflow.com/", function (result) {
    result.on('data', function (chunk) {
        res.write(chunk);
    });
    result.on('end', function () {
        res.end();
    });
});

または、resultStream.Readable ( )IncomingMessageであり、resおそらくStream.Writable ( を推測) であるため、それらServerResponseを実行できるはずです。.pipe()

http.get('http://stackoverflow.com', function (result) {
    result.pipe(res);
});
于 2013-07-25T17:40:12.747 に答える
11

データ イベントは複数回発生していますが、出力を「終了」できるのは 1 回だけです。おそらく次のようにハンドラーをリファクタリングする必要があります... 

// In /myapppath
http.get("http://stackoverflow.com/", function(result) {
    var responseParts = [];
    result.setEncoding('utf8');
    result.on("data", function(chunk) {
        //add this chunk to the output to send
        responseParts.push(chunk);
    });
    result.on("end", function(){
        //now send your complete response
        res.end(responseParts.join(''));
    });
});
于 2013-07-25T17:27:56.810 に答える