jsdomフォーム提出ですか？

Question

私はNode.jsパッケージのリクエストとjsdomを使ってウェブページを掻き集めようとしています。フォームを提出して回答を得る方法を知りたいと思います。 jsdomや他のモジュールでこれが可能かどうかはわかりませんが、リクエストがクッキーをサポートしていることはわかります。

次のコードは、jsdom（requestおよびjQueryとともに）を使用してWebページ（この場合はWikipediaのホームページ）を取得および解析する方法を示しています。上記のコードは、ウィキペディアの検索フォームは、「ウッド」、私はsearchInputフィールドを設定した値からHTMLを出力します

var request = require('request'), 
    jsdom = require('jsdom'), 

    url = 'http://www.wikipedia.org'; 

request({ uri:url }, function (error, response, body) { 
    if (error && response.statusCode !== 200) { 
    console.log('Error when contacting '+url); 
    } 

    jsdom.env({ 
    html: body, 
    scripts: [ 
     'http://code.jquery.com/jquery-1.5.min.js' 
    ] 
    }, function (err, window) { 
    var $ = window.jQuery, 
     // jQuery is now loaded on the jsdom window created from 'agent.body' 
     $searchform = $('#searchform'); //search form jQuery object 

    $('#searchInput').val('Wood'); 

    console.log('form HTML is ' + $searchform.html(), 
     'search value is ' + $('#searchInput').val() 

    //how I'd like to submit the search form 
    $('#searchform .searchButton').click(); 
    ); 
    }); 
}); 

（このコードは、このチュートリアルhttp://blog.nodejitsu.com/jsdom-jquery-in-5-lines-on-nodejsからjqueryの-request.jsコードから構成されていることに注意してください）含有すること。もちろん、click（）メソッドは実際には何もしません.jQueryがブラウザで動作していないためです。 jsdomがあらゆる種類のイベント処理をサポートしているかどうかはわかりません。

この方法で、または同様の非jQueryの方法でWebページとやりとりするのに役立つモジュールはありますか？これはjsdomで行うことができますか？

ありがとうございます！

Answer 1

他の回答のように自分でPOSTリクエストを処理したくない場合は、ブラウザでもっと多くのことをサポートするjsdomの代わりに使うことができます。

http://www.phantomjs.org/

Answer 2

私は完全にインタラクティブなWebページのクライアント側のビューを得ることができるnodejsライブラリに精通していませんが、あまり心配することなくフォーム提出の結果を得ることができます。

HTMLフォームは基本的にHTTPリクエストを特定のURL（formタグのactionという属性）に送信する単なる方法です。 DOMにアクセスすると、これらの値を取り出して、指定されたURLに対する独自のリクエストを作成できます。このような

何かウィキペディアのホーム・ページを要求してからのコールバックはあなたに英語で「キーボードの猫」を検索して結果を取得するよう：

var $ = window.jQuery; 

var search_term = "keyboard cat"; 
var search_term_safe = encodeURIComponent(search_term).replace("%20", "+"); 

var lang = "en"; 
var lang_safe = encodeURIComponent(lang).replace("%20", "+"); 

var search_submit_url = $("#searchform").attr("action"); 
var search_input_name = $("#searchInput").attr("name"); 
var search_language_name = $("#language").attr("name"); 

var search_string = search_input_name + "=" + search_term_safe + "&" + search_language_name + "=" + lang_safe; 

// Note the wikipedia specific hack by prepending "http:". 
var full_search_uri = "http:" + search_submit_url + "?" + search_string; 

request({ uri: full_search_uri }, function(error, response) { 
    if (error && response.statusCode != 200) { 
     console.log("Got an error from the search page: " + error); 
    } else { 
     // Do some stuff with the response page here. 
    } 
}); 

基本的に重要なものは次のとおりです。

1. 「検索を送信する」とは、formタグのaction属性で指定されたURLにHTTP GETまたはPOSTのいずれかの要求を送信することだけです。
2. 彼らは実際にこの形式では、提出された値と組み合わせて、フォームのinputタグのそれぞれのname属性、使用してフォームの送信に使用する文字列を作成します。name1=value1&name2=value2
3. GETの要求を、ちょうどにその文字列を追加クエリ文字列としてのURL（URL?query-string）
4. POSTリクエストの場合は、その文字列をリクエストの本文として指定します。
5. フォーム提出に使用される文字列は、エスケープされ、空白が+である必要があります。