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

Ajax Form All Data Send

Add Answer

faheem answered on January 9, 2021 Popularity 10/10 Helpfulness 9/10

answer Ajax Form All Data Send

related ajax call with form data

related .ajax how to get data from form

related ajax submit form data

related Send Form Data Using Ky AJAX

related jQuery Post Form Data with .Ajax() Method

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 javascript send

Link to this answer
Share Copy Link

Contributed on May 30 2022

faheem

0 Answers Avg Quality 2/10

Closely Related Answers

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

.ajax how to get data from form

Comment

$.ajax({
    ...
    data: $("#registerSubmit").serialize(),
    ...
})

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: get

Link to this answer
Share Copy Link

Contributed on Apr 20 2022

Maks Sawicz

0 Answers Avg Quality 2/10

ajax submit form data

Comment

<form id="contactForm1" action="/your_url" method="post">
    <!-- Form input fields here (do not forget your name attributes). -->
</form>

<script type="text/javascript">
    var frm = $('#contactForm1');

    frm.submit(function (e) {

        e.preventDefault();

        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            success: function (data) {
                console.log('Submission was successful.');
                console.log(data);
            },
            error: function (data) {
                console.log('An error occurred.');
                console.log(data);
            },
        });
    });
</script>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: ajax

Link to this answer
Share Copy Link

Contributed on Jan 09 2021

Uninterested Unicorn

0 Answers Avg Quality 2/10

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

Link to this answer
Share Copy Link

Contributed on Jun 10 2022

Javasper

0 Answers Avg Quality 2/10

jQuery Post Form Data with .Ajax() Method

Comment

<!DOCTYPE html>
<html>
  <head>
    <title>jQuery post form data with .ajax() method by codeofaninja.com</title>
    <style>
      div {
        margin: 10px;
      }
    </style>
  </head>
  <body>
    <h1>jQuery post form data with the .ajax() method</h1>
    <div>Filling out and submitting the form below to receive a response.</div>
    <!-- our form -->
    <form id="userForm" action="/form/submit" method="post">
      <div>
        <input type="text" name="firstname" placeholder="Firstname" />
      </div>
      <div>
        <input type="text" name="lastname" placeholder="Lastname" />
      </div>
      <div>
        <input type="email" name="email" placeholder="Email" />
      </div>
      <div>
        <input type="submit" value="Submit" />
      </div>
    </form>
    <!-- where the response will be displayed -->
    <div id="response"></div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js "></script>
    <script>
      $(document).ready(function() {
        $('#userForm').submit(function() {
          // showing that something is loading
          $('#response').html("<b>Loading response...</b>");
          /*
           * 'post_receiver.php' - where you will be passing the form data
           * $(this).serialize() - for reading form data quickly
           * function(data){... - data includes the response from post_receiver.php
           */
          $.ajax({
              type: 'POST',
              url: 'post_receiver.php',
              data: $(this).serialize()
            })
            .done(function(data) {
              // demonstrate the response
              $('#response').html(data);
            })
            .fail(function() {
              // if posting your form failed
              alert("Posting failed.");
            });
          // to restrain from refreshing the whole page, it
          returns false;
        });
      });
    </script>
  </body>
</html>

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: www.w3docs.com

Tags: form-data form

Link to this answer
Share Copy Link

Contributed on Feb 17 2023

Zorglub

0 Answers Avg Quality 2/10

Ajax Form All Data Send

Contents

More Related Answers

Ajax Form All Data Send

Closely Related Answers

ajax call with form data

.ajax how to get data from form

ajax submit form data

Send Form Data Using Ky AJAX

jQuery Post Form Data with .Ajax() Method

Grepper

Documentation

Social

Legal

Contact

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