フォームの属性からのJavascriptコールバック

Question

自動フォーム提出コードを設定しました。基本的にフォームが送信されると、javascriptはそれを処理し、すべての入力などを検索し、ajax経由でフォームのアクションattrにデータを送信します。

$j('body').delegate('form', 'submit', function(e) { 
    e.preventDefault(); 
    if($j(this).prop('data-callback', true)) 
     asf.forms.processForm($j(this).attr('name'), $j(this).attr('data-callback')); 
    else 
     asf.forms.processForm($j(this).attr('name')); 
}); 

ただし、コールバックを含める必要があります。コードをグローバルにする必要があるので、各フォームの仕様をコード化することはできません。だから私はそうのようなコールバック関数名を指定して属性を追加することを考えた：

<form action="" method="" data-callback="posts.addPost()"> 

問題は、私はjavascriptの内部にその機能を起動する方法を知らないです。何か案は？ 私はajaxレスポンス内でこのコールバックを行うことを意味するすべてのフォーム情報にアクセスする必要があるため、onsubmitを使用できません。

おかげ

Answer 1

evalに頼ることなく、これを達成するために、私はあなたがすべてのあなたの「フォームのコールバック」を記憶示唆しますオブジェクトで、そのよう：

var formCallbacks = { 
    'posts.addPost': function() { 
    // ... 
    }, 
    // ... 
}; 

があなたのdata-callbackメカニズムを使用して、応答ハンドラにコールバックをアップになります。

function(args, callbackName) { 
    formCallbacks[callbackName](); 
    // ... 
} 

Answer 2

私はevalは悪であることを知っているが、それは唯一の合理的な解決策と思われる：あなたはdata-callback属性（例えばdata-callback="posts.addPost"）にのみメソッド名を入れる場合

eval($(form).attr('data-callback')); 

それはせずに、それを呼び出すことが可能ですevalの：

var methodName = $(form).attr('data-callback'); 
var parts = methodName.split('.'); 
var method = window; 

$(parts).each(function(){ 
    method = method[this]; 
}); 

method();