Ask a question

Popular technologies


Latest questions:

693 sql - Reverse the array in php
458 php - Convert long numbers to short and compact
370 php - Codeigniter 4 validation error callback_check_password is not working
251 laravel - How to calculate hour two date difference in php?
11 php - Symfony project shows directory listing index instead of index page
782 php - Test Imagick Image
412 wordpress - I am getting issues with my single Post navigation in single.php with previous_post_link() and next_post_link() is not working with post type "post"
458 PHP bcrypt to PYTHON bycrypt not giving same values
585 php - How to fix error Query array failed: 1064
975 php - What to do with mysqli problems? Errors like mysqli_fetch_array(): Argument #1 must be of type mysqli_result and such
  1. Home
  2. javascript - Ajax POST HTML form with elements array using jQuery
721 votes
0 answers

javascript - Ajax POST HTML form with elements array using jQuery

mangohost Get the solution ↓↓↓

Solution:

In this way you can submit form with serialize data and you many use post or get request for this or any other method.

jQuery("#invite-form").submit(function(e) {
   e.preventDefault();
   let data = jQuery(this).serialize();
    jQuery.ajax({
                type: "get",
                url: 'invitation.php',
                data: data,
                cache: false,
                success: function(data){
                    console.log(data);
                }
            });
 });

Source

Share

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.

Similar questions

Find the answer in similar questions on our website.

253 javascript - How to include HTML data (tags) as value in "arrayToDataTable" of Google Pie Chart?
50 javascript - Returning data from jQuery ajax request
259 forms - POST unchecked HTML checkboxes
761 javascript - How do i check for duplicate entries in a database using pdo, php and ajax?
409 php - Symfony/Doctrine: Doctrine not persisting data using Types::JSON migrating from Types::ARRAY
164 php - How do I dynamically call a component multiple times using Javascript in Laravel 9?
488 php - HTML form submission with empty variables (dynamically write/not write to file)
401 javascript - Google Graph error Uncaught (in promise) Error: Column header row must be an array
708 php - 422 Unprocessable Content Ajax form - Laravel 8
622 php - 'Bad Request' when using 'wp_remote_post' in Wordpress

Write quick answer

Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.




About the technologies asked in this question

PHP

PHP (from the English Hypertext Preprocessor - hypertext preprocessor) is a scripting programming language for developing web applications. Supported by most hosting providers, it is one of the most popular tools for creating dynamic websites. The PHP scripting language has gained wide popularity due to its processing speed, simplicity, cross-platform, functionality and distribution of source codes under its own license.
https://www.php.net/


JavaScript

JavaScript is a multi-paradigm language that supports event-driven, functional, and mandatory (including object-oriented and prototype-based) programming types. Originally JavaScript was only used on the client side. JavaScript is now still used as a server-side programming language. To summarize, we can say that JavaScript is the language of the Internet.
https://www.javascript.com/


JQuery

JQuery is arguably the most popular JavaScript library with so many features for modern development. JQuery is a fast and concise JavaScript library created by John Resig in 2006. It is a cross-platform JavaScript library designed to simplify client-side HTML scripting. Over 19 million websites are currently using jQuery! Companies like WordPress, Facebook, Google, IBM and many more rely on jQuery to provide a kind of web browsing experience.
https://jquery.com/


HTML

HTML (English "hyper text markup language" - hypertext markup language) is a special markup language that is used to create sites on the Internet. Browsers understand html perfectly and can interpret it in an understandable way. In general, any page on the site is html-code, which the browser translates into a user-friendly form. By the way, the code of any page is available to everyone.
https://www.w3.org/html/

Welcome to webdevask.com

Welcome to webdevask.com

Welcome to the Q&A site for web developers. Here you can ask a question about the problem you are facing and get answers from other experts. We have created a user-friendly interface so that you can quickly and free of charge ask a question about a web programming problem. We also invite other experts to join our community and help other members who ask questions. In addition, you can use our search for questions with a solution.

Get answers to specific questions

Ask about the real problem you are facing. Describe in detail what you are doing and what you want to achieve.

Help Others Solve Their Issues

Our goal is to create a strong community in which everyone will support each other. If you find a question and know the answer to it, help others with your knowledge.