cfhttpクリックされたリンクを介してPOST変数を渡す？

Question

私はcfhttpタグを見ていました。クリックしたリンクから変数を渡すことは可能ですか？

<cfhttp method="Post" url="myurl"> 

私は（例えば、ユーザID）リンククリックで変数を渡すためにしようとしていますが、GET経由で送信するために少し不安定なようだ...

Answer 1

私のオリジナルの答えは完全にマークを逃しました、私は受け入れられた答えを削除することはできないので、わかりやすくするために、上記のBillyのコメントに同意するようにこの回答を変更しています。

CFHTTPは、別のWebサイトに（自分がサイトに行ったかのように）サーバー側の要求を作成し、その要求の結果を処理し、変数に格納してから使用することができます（例えば、特定の値のためにウェブサイトのホームページを解析すること）に対する追加のタスク。

何を求めていることはここで、機能性の全く関係のない作品のように見える：

1. あなたのページにHTMLアンカー（ハイパーリンク）を持っています。
2. ユーザーがリンクをクリックすると、1つ以上の変数を新しいページに渡します。

これを実現する最も簡単な方法は、隠しフォームを使用し、ハイパーリンク送信フォームを作成することです。これは、あなたの質問のコメントでビリーの提案に一致します。

<form name="myForm" method="post" action="pageToSendVarsTo.cfm"> 
    <input type="hidden" name="username" value="theuser" /> 
    <input type="hidden" name="id" value="42" /> 
</form> 

<a href="#" onClick="document.myForm.submit();">the link to click</a> 

をここで、あなたは彼らが隠されているように、ページ上に表示されない2つの隠しフィールド、ユーザ名とidを持つHTMLフォームを持っている（ただし、注意してください、ユーザーがページのソースを表示しても表示されます）。次に、「クリックするリンク」がユーザーへのハイパーリンクとして表示されます。クリックすると、フォーム提出の発射をシミュレートするためにJavaScriptが使用されます。あたかもフォームに送信ボタンがあり、ユーザーがその送信ボタンをクリックしたかのように動作します。つまり、この例のフォームでは、ユーザ名とIDの両方の値が、 'pageToSendVarsTo.cfm'ページにHTTP POSTされ、FORMスコープで処理が続行できるようになります。

Answer 2

POSTを実行するために変数をCFに送り返す必要がない場合は、JavaScriptマジックでこれを行うこともできます。たとえば：

<script> 
$(function() { 
    $(document).on('click', 'a.postLink', function (e) { 
    e.preventDefault(); 
    var newForm = $("<form method='POST'></form>"); 

    if ($(this).attr('href').indexOf('?') != -1) 
    { 
     newForm.attr("method", $(this).attr('href').substring(0, $(this).attr('href').indexOf('?'))); 
     var post_args = $(this).attr('href').substring($(this).attr('href').indexOf('?')+1, $(this).attr('href').length).split('&'); 

     for (var i in post_args) 
     { 
     var keyVal = post_args[i].split('='); 
      newForm.append($("<input>", { type: "hidden", name:keyVal[0], value:keyVal[1] })); 
     } 

    } 
    else 
    { 
     newForm.attr("method", $(this).attr('href')); 

    } 
    console.log(newForm); 
    newForm.submit(); 
    }); 
}); 
</script> 

これは、通常の処理を停止します。

<a class="postLink" href="foo.cfm?var1=a&var2=b">Click Me</a> 

さて、あなたはPOST変数（想定してjQueryの）としてVAR1とVAR2を渡し、POSTとしてfoo.cfmを要求したいと言います「postLink」クラスでタグ付けされたすべてのリンクは、そのページに行く代わりに、フォームパラメータとして含まれるリンクURLから解析されたパラメータで新しいフォームオブジェクトを構築します。次に、スクリプトが指し示すのと同じベースhrefにPOSTを使用してそのフォームを送信します。 http://jsfiddle.net/VGaPH/