使用jQuery将表单发送到cgi

Question

我想发送一个表单并控制jQuery后发生的事情。 我不能使用php 。我的服务器有cgi来处理数据。如何使用jQuery将表单发送到cgi？我不知道怎么做但是我尝试过这样的事情：

$(function(){

   var name = $("input:text").val("name"); ;

   $(":submit").click(function(e){
      e.preventDefault();
      load("http://cgi.myDomain.com/FormMail.pl", ( name ));
   });

})

• html：

  <Form id="formulari" method="POST" action="http://cgi.aDomain/FormMail.pl">
  <p>
    <input type="hidden" name="recipient" value="anE-mail">
    <input type="hidden" name="subject" value="Form send">
    <input type="hidden" name="redirect" value="http://www.theSamePage.html">  
  </p>
  
  <form>
  <input type="text" name="name" value="name"/>
  <input type="submit" value="Send"/>
  </form>
  
  </div>
  
  <div class="answer">Thank you</div>
  

Answer 1

您应该使用AJAX，您可以使用POST或GET方法提交表单，并从服务器收到答案。此外，它还允许您在不重新加载页面的情况下完成任务。

这是一个很酷的tuturial

Ajax tuturial

修改

试试这个，请注意我只是使用这段html，没有形式，只是输入元素

<强> HTML

    <input type="text" id="name" name="name" value="name"/>
    <input class="send" type="submit" value="Send"/>

<强> JQuery的

    $('.send').on('click', function(event) {
        $.ajax({
            type: "POST",
            url: "http://cgi.aDomain.com/FormMail.pl",
            data: {name: $("#name").val()},
            error: function(result) {
                var data_received = $(result).find("h1");
                alert(data_received );
            },
            success: function(result) {
                alert(result);
            }
        });
    });