There is a code:

<form class="c-form" id="connectForm"> <div class="c-form__lineWrap"> <div class="c-form__line c-form__line--first"> </div> </div> <input type="text" class="c-form__input c-form__input--first c-form__input--required" name="name" placeholder="Имя ΠΈ фамилия" required> <input type="text" class="c-form__input c-form__input--required" name="phone" placeholder="Π’Π΅Π»Π΅Ρ„ΠΎΠ½" required> <input type="email" class="c-form__input c-form__input--required" name="email" placeholder="E-mail" required> <input type="text" class="c-form__input c-form__input--required" name="position" placeholder="ЖСлаСмая позиция" required> <textarea rows="4" class="c-form__input" placeholder="ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ (Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ)"></textarea> <input type="submit" class="c-form__input c-form__button " id="c-form__submit"> </form>

How to configure ajax-send this form?

    2 answers 2

    Using $ .ajax () . For example:

     $("#connectForm").submit(function(e) { var script = "/mail.php"; // скрипт ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ Π΄Π°Π½Π½Ρ‹Ρ… $.ajax({ type: "POST", url: script, data: $("#connectForm").serialize(), // всС Π΄Π°Π½Π½Ρ‹Π΅ с Ρ„ΠΎΡ€ΠΌΡ‹ success: function(data) { console.log(data); // ΠΎΡ‚Π²Π΅Ρ‚ ΠΎΡ‚ скрипта ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ }, error: function() { console.log('Ошибка ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΈ'); } }); e.preventDefault(); // отмСняСм ΡΡ‚Π°Π½Π΄Π°Ρ€Ρ‚Π½ΡƒΡŽ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΡƒ }); 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form class="c-form" id="connectForm"> <div class="c-form__lineWrap"> <div class="c-form__line c-form__line--first"> </div> </div> <input type="text" class="c-form__input c-form__input--first c-form__input--required" name="name" placeholder="Имя ΠΈ фамилия" required> <input type="text" class="c-form__input c-form__input--required" name="phone" placeholder="Π’Π΅Π»Π΅Ρ„ΠΎΠ½" required> <input type="email" class="c-form__input c-form__input--required" name="email" placeholder="E-mail" required> <input type="text" class="c-form__input c-form__input--required" name="position" placeholder="ЖСлаСмая позиция" required> <textarea rows="4" class="c-form__input" placeholder="ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ (Π½Π΅ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ)"></textarea> <input type="submit" class="c-form__input c-form__button " id="c-form__submit"> </form>

      On the vskidku. You need js, jquery to collect data from the form, then create a data object in which the key value is specified data in pairs. after this, sending is done by one of the POST or GET methods (I usually use a post) to the url that you need, it can be a php file or the address of the server that will accept this request.

       $('#c-form__submit').on('click',function(){ var name = $('input[name=name]').val(); var phone = $('input[name=phone]').val(); var email = $('input[name=email]').val(); var position = $('input[name=position]').val(); var data = { name : name, phone : phone, email : email, position : position }; $.ajax({ url: url, type: "POST", data: data, success: success, dataType: dataType });

      });