How to use jquery post method to submit form values

Question

I have 1 main page with a form and another page to process the form value here are source codes of the 2 pages  Form Page    lt meta charset  UTF-8  gt   lt title gt Form Page lt  title gt   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt   lt form action  process php  method  post  id  reg-form  gt          Username   lt input type  text  id  username  name  username  gt           lt br gt          Password   lt input type  password  id  password  name  password  gt           lt br gt           lt button type  submit  id  submit-btn  gt Traditional Submit lt  button gt           lt button type  button  id  post-btn  gt   Post Submit lt  button gt   lt  form gt   lt script gt          post-btn   click function                      post  process php  function data               alert data                        lt  script gt    Process Page    lt  php  username   POST  username     password   POST  password    echo  Username     username  echo   lt br gt    echo  Password     password   gt    if I click the  Traditional Submit  buttton  it works perfectly well   but when I click the    Post Submit  button  I just keep getting error msg  Notice  Undefined Index       I can not figure out where the problem is  please kindly help check and fix  thanks in advance

User · Accepted Answer

You have to select and send the form data as well:

$("#post-btn").click(function(){        
    $.post("process.php", $("#reg-form").serialize(), function(data) {
        alert(data);
    });
});

Take a look at the documentation for the jQuery serialize method, which encodes the data from the form fields into a data-string to be sent to the server.

User · Answer

Yor   post has no data  You need to pass the form data  You can use serialize   to post the form data  Try this      post-btn   click function          post  process php       reg-form   serialize    function data           alert data

User · Answer

Get the value of your textboxes using val   and store them in a variable  Pass those values through   post  In using the   Post Submit button you can actually remove the form    lt script gt       username       username   val         password       password   val             post-btn   click function                      post  process php     username username  password password    function data               alert data                        lt  script gt

[javascript] How to use jquery $.post() method to submit form values

Examples related to javascript

Examples related to php

Examples related to jquery

Examples related to post