Rails 5：フォームでカスタムHTTPヘッダーを送信する方法

Question

Rails 5でカスタムヘッダーを使用して送信する方法についての情報はありません。いくつかのカスタムヘッダーを受け取るためにPUTリクエストを送信するURLを希望します。私はこのためにform_forの引数がないことに驚いています。

私はそこにヘッダーを変更するアクションにフォームを送信することでこれを達成できます（例：request.headers['my-header'] = 'xyz'）。私はこの "中"のコントローラアクションの中からPUTリクエストを作らなければならないだろう。そして、私はこの追加的なステップが不慣れであると感じている。

jQueryを使用して、送信クリックにバインドし、JavaScript経由でヘッダーを追加した後にフォームデータを送信することもできます。 Idでは、このプロセスでは別のレイヤー（つまりJS）は関係しません。

私はむしろどちらかをしません。フォームのヘルパー（またはコントローラヘルパー）を使用して、フォーム提出のリクエストにカスタムヘッダーを追加する方法はありますか？

Answer 1

Railsにはこれを許可するタグはありません。したがって、カスタムヘッダーをリクエストに追加することはできません。

実際には、xhrプラグインなしでhtmlフォームにカスタムヘッダーを設定することはできません。 ajaxで使用する必要があります。このような何か： -

<%= form_tag("/your_url", method: :post, :remote => true, :html => { id: "form-id" }) do |f| %> 
    ...your form here... 
<% end %> 

して、あなたのAJAXコード： -

$('#form-id').submit(function() { 
    var valuesToSubmit = $(this).serialize(); 
    $.ajax({ 
     type: "POST", 
     url: $(this).attr('action'), 
     data: valuesToSubmit, 
     headers: { 'Xmlrpc-Token': 'value' , 'Token': 'another_value'} 
    }).success(function(response){ 
     //success code 
    }); 
    return false; 
}); 

はリモート使用：真のレールでは、AJAX呼び出しを行いますが、あなたは、コードを使用してカスタマイズできるようにしたいです上記。

Answer 2

ブラウザはCookie、contenttypeなどの標準ヘッダーのみを送信します.HTMLフォーム送信を使用してAuthorizationヘッダー（または他のカスタム）を送信することはできません。これを行うには、AJAXを使用する必要があります。

Answer 3

$("#idForm").submit(function(e) { 
 

 
    var url = "path/to/your/script.php"; // the script where you handle the form input. 
 

 
    $.ajax({ 
 
      type: "POST", 
 
      url: url, 
 
      data: $("#idForm").serialize(), // serializes the form's elements. 
 
      success: function(data) 
 
      { 
 
       alert(data); // show response from the php script. 
 
      } 
 
     }); 
 

 
    e.preventDefault(); // avoid to execute the actual submit of the form. 
 
});

<%= form_tag("/your_url", method: :post, :remote => true, :html => { id: "form-id" }) do |f| %> 
 
    ...your form here... 
 
<% end %>

$("#idForm").submit(function(e) { 
 

 
    var url = "path/to/your/script.php"; // the script where you handle the form input. 
 

 
    $.ajax({ 
 
      type: "POST", 
 
      url: url, 
 
      data: $("#idForm").serialize(), // serializes the form's elements. 
 
      success: function(data) 
 
      { 
 
       alert(data); // show response from the php script. 
 
      } 
 
     }); 
 

 
    e.preventDefault(); // avoid to execute the actual submit of the form. 
 
});