2017-10-08 8 views
0

投稿リクエストをiframeでhtmlで作成したいのですが、この投稿リクエストの後、リクエストページに自動的にリダイレクトされます。 リダイレクトせずにただリクエストしたいです。 jQueryのでPOSTリクエストを変更するには

<form id="main-mailing-list" action="https://api.telegram.org/botXXXXXXXX/sendMessage" method="POST" enctype="multipart/form-data" 
    <input type="hidden" name="chat_id" value="-44947"> 
    <input tabindex="0" autocomplete="email" id="emailfield" data-validation="email" class="required email" name="text" type="email" placeholder="Your email address"> 
    <button id="submit" type="submit">SUBMIT</button><br><br> 
    <span id="thanks"></span> 
</form> 
+0

あなただけのリクエストを行う必要がある場合は、[AJAX](https://en.wikipedia.org/wiki/Ajax_(プログラミング)) – Vivick

+0

httpsを学ぶ必要があります。//api.jquery .com/jquery.post/ – chakri

答えて

0

あなたはこのようにそれを行うことができます:ヘッダが正しく設定されていない可能性が非常に高い期待通りに何かが動作しない場合は、もちろん

$("#submit").on("click", function(e){ 
    e.preventDefault(); //prevent from default behavior 

    var email = $("#emailfield").val(); 
    var chat_id = $("#main-mailing-list [name='chat_id']").val(); 

    var data = { 
     email: email, 
     chat_id: chat_id 
    }; 

    $.ajax({ 
     method: "POST", 
     url: "https://api.telegram.org/botXXXXXXXX/sendMessage", 
     data: data 
    }).done(function(response){ 
     console.log(response) 

    }).fail(function(error){ 
     console.error(error) 
    }); 
}); 

。それについての詳細情報here

+0

ありがとうございました。しかし、私がこのコードを試してみると、ページは私のウェブサイトにリダイレクトされますが、パラメータはあります。したがって、次のようになります:mywebsite.com/index.html?chat_id=-2447777&text=yaya%40ya.com – VladyslavPG

+0

次に、イベントバインディングを次のように変更してみます: '$("#main-mailing-list ")on(" submit "、function(e){e.preventDefault(); ...残りのコード...})' –

関連する問題