Breaking News: Grepper is joining You.com. Read the official announcement!

Send Form Data Using Ky AJAX

Add Answer

Javasper answered on May 30, 2022 Popularity 9/10 Helpfulness 4/10

answer Send Form Data Using Ky AJAX

related Ajax Form All Data Send

related ajax call with form data

related Send forms with ajax

Send Form Data Using Ky AJAX

Comment

async function(){
	const data = document.getElementById("myForm");
	
const fd =	new FormData(data);
let data = Object.fromEntries(fd);
 
const json = await ky.post('/test', {json: data}).json();

	console.log(json.x);
    
    
  ....
  <form id="myForm">
  <input name="value1" />
  </form>

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: ajax form-data javascript send using

Link to this answer
Share Copy Link

Contributed on Jun 10 2022

Javasper

0 Answers Avg Quality 2/10

Closely Related Answers

Ajax Form All Data Send

Comment

 $('#submit').on('click', function() {
             $.ajax({
                 url: "controller/php/add_project.php",
                 type: "POST",
                 data:  new FormData(document.getElementById("add_project_form")),
                 contentType: false,
                 processData:false,
                 cache: false,
                 success: function(dataResult){
                        console.log(dataResult);
                        var dataResult = JSON.parse(dataResult);
                        
                 },
                 error:function(dataResult){
                     console.log(dataResult);
                     alert('error / Add Project Again');
                 }
             });
         });

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on May 30 2022

faheem

0 Answers Avg Quality 2/10

ajax call with form data

Comment

$.ajax({
    url: "jobs/php/job_single.php?type=500",
    type: "POST",
    data:  new FormData(document.getElementById("form")),
    contentType: false,
    processData:false,
    cache: false,
    success: function(dataResult){
      console.log(dataResult);
      if(dataResult == 999){
        alert("Incomplete Information Provided");
      }
      else{
        if(dataResult == 1){
        	alert("Job Application successful");
        	location.reload();
        }
        else if(dataResult == 0){
        	alert("Error applying for job, Please try again");
        }

      }
    }
});

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Aug 23 2022

Saad Rehman

0 Answers Avg Quality 2/10

Send forms with ajax

Comment

$(document).ready(function() {
  function SendFormWithAjax(id) {

    $.ajax({
      type: $(id).attr('method'),
      url: $(id).attr('action'),
      data: $(id).serialize(),

      success: function(data) {
        switch (data) {
          case 'success':
            $(id).trigger("reset"); //Reset form
            swal("Success",
                 "Nice",
                 "success");
            break;

          case 'warning':
            swal("Opps",
                 "Warning",
                 "warning");
            break;

          case 'error':
            swal("Error",
                 "Error",
                 "error");
            break;
        }
      }
    });
  }

  $('#form_one_id').on('submit', function(ev) {
    SendFormWithAjax(id);
    ev.preventDefault();
  });

  $('#form_two_id').on('submit', function(ev) {
    SendFormWithAjax(id);
    ev.preventDefault();
  });
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Sep 02 2022

Rasetz

0 Answers Avg Quality 2/10

Send Form Data Using Ky AJAX

Contents

More Related Answers

Send Form Data Using Ky AJAX

Closely Related Answers

Ajax Form All Data Send

ajax call with form data

Send forms with ajax

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.