POSTメソッドを使用してパラメータを渡す

Question

投稿者JavaScript私はいくつかの変数をバックエンドに渡そうとしています。私のコードは以下の通りです。

私の要件：

私は間違いなく、よりその300文字まで来るとGET要求に準拠していますユーザーの名前、電子メールと説明を送信するために期待しています。したがって、これらのパラメータを使用してPOSTリクエストを送信するにはどうすればよいですか。誰かが私を助けることができますか？

注：私のバックエンドはC#

window.location.href = "/Account/New?fullname=". $data.fullName; 

Answer 1

であるあなたは、フォームを作成し、次の操作を行って、JavaScriptでそれを提出することができます：

function submitFullName(fullName, destination) 
{ 

    var form = document.createElement("form"); 
    var input1 = document.createElement("input"); 

    form.method = "POST"; 
    form.action = destination; 

    input1.value=fullName; 
    input1.name="fullname"; 
    form.appendChild(input1); 

    document.body.appendChild(form); 

    form.submit(); 
} 

@VladimirMは良い点を作った、あなたが使用することができますフォームオブジェクトを作成する代わりにPOSTを行う直接XMLHttpRequest：

function submitFullName(fullName, destination) 
{ 

    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", destination, true); 
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
    xhr.send("fullname="+fullName); 

} 

Answer 2

window.locationを使用すると、URLによってパラメータが送信されます。つまり、GETメソッドで送信され、POSTでは送信されません。 POST方法を使用してサーバーにデータを送信するために

、あなたはAJAX XMLHttpRequest要求により、フォーム要素を作成したくない場合はmethod="post"か、と定義されているフォームで送信するかがあります。

//prepare your data values to be sent in the request 
var fullname = document.getElementById("fullname").value; 
var email = document.getElementById("email").value; 
var message = document.getElementById("message").value; 

//create an XMLHttpRequest     
var xmlhttp; 

if (window.XMLHttpRequest) 
{ 
    xmlhttp=new XMLHttpRequest(); 
} 
else 
{ 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 

//submit the request to your desired page (user will not be redirected, as this is AJAX request        
xmlhttp.open("POST","your-page-after-submittion.html",true); 
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
xmlhttp.send("fullname="+fullname+"&email="+email+"&message="+message);