How to use ajax Php post method with Jquery?

Question

//ajax starting with jquery

$(document).ready(function(){
    $("#sbBtn").click(function(){
             var userFname=("input#fname").val();
             var userLname=("input#lname").val();

                $.post("savedata_core.php",{uFname:userFname, uLname:userLname}, function(allData){

                   alert(allData);
               });
     });
});

php file : savedata_core.php

Welcome to Stack Overflow. You appear to have syntax errors in your code . Please describe what errors you get in console and if you see any data being sent/received in Network tab. — Twisty
– Twisty, Commented Dec 30, 2019 at 16:24
Thanks for great attitude. I am trying to create a login form with Ajax, Jquery and Php.I am following a video tutorial of youtube. I have write all code similar of this video. In the video this code is working but not working to me. I want a solution for that — Sikder Mohammad Arif
– Sikder Mohammad Arif, Commented Dec 31, 2019 at 9:01
I would encourage you to review the video again or update your post and include a Minimal, Reproducible Example: stackoverflow.com/help/minimal-reproducible-example — Twisty
– Twisty, Commented Dec 31, 2019 at 15:58

ttrasn · Accepted Answer · 2019-12-30 15:59:20Z

1

From ajax jquery documentation. you can see how to send ajax request.

for your question. you can do it like this:

$.ajax({
  method: "POST",
  url: "savedata_core.php",
  data: { uFname:userFname, uLname:userLname }
}).done(function( allData) {
    alert( allData);
  });

answered Dec 30, 2019 at 15:59

ttrasn

4,8975 gold badges34 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Wesley Smith Over a year ago

FWIW, the op mentions $.post(), $.ajax() would also work but the method signature is pretty different

Twisty · Accepted Answer · 2019-12-30 16:22:17Z

0

Welcome to Stack Overflow. Upon review of your code, I do see some specific issues and you did not state you encountered any errors. Consider the following improvements:

$(function() {
  $("#sbBtn").click(function(e) {
    e.preventDefault();
    $.post("savedata_core.php", {
      uFname: $("#fname").val(),
      uLname: $("#lname").val()
    }, function(data) {
      console.log(data)
    });
  });
});

When you were attempting to collect the values, you did not use the proper jQuery syntax. Your variables would not contain the proper content.

Also check your browsers Network console to review the payload sent and received.

answered Dec 30, 2019 at 16:22

Twisty

31k2 gold badges30 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to use ajax Php post method with Jquery?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related