2

Facebook グラフ API からの情報をフォームに自動入力するために、同僚が作成した 2 つのスクリプトがあります。どちらがより効率的なスタイルでコーディングされているかを把握しようとしていますか?

これが最初のものです。 http://jsfiddle.net/TcGGZ/30/

$('#account_get').click(function(){
    $.getJSON('http://graph.facebook.com/'+$('#facebook').val(), function(fd) {
        $('#id').val(fd.id);
        $('#name').val(fd.name);
        $('#first_name').val(fd.first_name);
        $('#last_name').val(fd.last_name);
        $('#link').val(fd.link);
        $('#username').val(fd.username);
        $('#gender').val(fd.gender);
        $('#locale').val(fd.locale);
    });
});​

これは私が決定しようとしている2番目のものです。 http://jsfiddle.net/VuY2b/46/

var facebook_account = '';

function fillForm() {
    facebook_account = $('#facebook').val();

    $.getJSON('http://graph.facebook.com/' + facebook_account, function(data) {
        var facebook_data = data;
        console.log(facebook_data);
        var inputs = $('form > input');
        for (var key in facebook_data) {
            for (var l = 0; l < inputs.length; l++) {
                if (inputs[l].getAttribute('name') === key) {
                    inputs[l].value = facebook_data[key];
                }
            }
        }
    });

}



var x = document.getElementById('account_get');
x.addEventListener("click", fillForm, false);​
4

1 に答える 1

0

1 つ目は単純で、2 つ目は複雑です。

私によると、2番目の方法は効率的です。なぜなら、あなたのウェブサイトのフォーム属性が変化している場合、2番目の方法は正しい一致する属性をチェックし、正しく入力するからです.だから私は2番目を好みます.

于 2012-11-14T18:34:21.710 に答える