0

フォームを送信し、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>
4

1 に答える 1

0

AJAX を使用する必要があります。これにより、POST または GET メソッドを使用してフォームを送信し、サーバーから回答を受け取ることができます。また、ページをリロードせずに処理を実行できます。

ここにクールなチュートリアルがあります

Ajax チュートリアル

編集

これを試してみてください。私はこの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);
            }
        });
    });
于 2012-09-03T10:59:13.773 に答える