Передача параметров с использованием метода 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 сделал хороший момент, вы могли бы использовать прямое XMLHttpRequest для создания POST вместо создания объекта формы:

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 метод, вам придется либо отправить его по форме, которая определяется с method="post" или, если вы не хотите, чтобы создать элемент формы, с помощью AJAX XMLHttpRequest запроса.

Я хотел бы предложить, для обучения и простоты, чтобы начать с простой формой, например:

<form action="your-page-after-submittion.html" method="post"> 
    <p>Your full name: <input type="text" name="fullname" /><br /> 
    E-mail: <input type="text" name="email" /></p> 

    <p>Your message:<br /> 
    <textarea name="message" rows="10" cols="40"></textarea></p> 

    <p><input type="submit" value="Send the from"></p> 
</form> 

Или, если вы хотите запрос AJAX, вы можете использовать следующее:

//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);