Post data with ajax or ajax(json) to php in same page

Question

I'm trying message application. My goal is get sender id and receiver id with a click on one button. After then post this datas with ajax or ajax(json) to php in same page.

I will use the incoming data in php with mysql_query. I tryed many examples. But never get result. My example code at below.

Little Note: Success alert comes but doesn't print any data on screen.

<html>
<head>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
  <body>
    <button type="button" onclick="myFunc()">Get ID</button>
    <script>
    function myFunc()
    {
    var id = 'example';
    jQuery.ajax({
        url:'index.php',
        type: "POST",
        data: {'name':id},
        success: function(data)
            {
               alert("success");
            }
    });
    };
    </script>
   <?php
   if(isset($_POST['name']))
   {
      $value = $_POST['name'];
      echo $value;
   }
   else
   {
      echo "don't work.";
   }
   ?>
  </body>
</html>

Sandip Patel · Accepted Answer · 2017-02-07 19:35:13Z

1

<?php
   if(isset($_POST['name']))
   {
      echo json_encode(array(
        'value' => $_POST['name']
      ));
      exit();
   }
?>

<html>
<head>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
  <body>
    <button type="button" onclick="myFunc()">Get ID</button>
    <script>
    function myFunc()
    {
    var id = 'example';
    jQuery.ajax({
        url:'index.php',
        type: "POST",
        data: {'name':id},
        dataType : 'json', 
        success: function(data)
            {
               alert("success");
            }
    });
    };
    </script>

  </body>
</html>

answered Feb 7, 2017 at 19:35

Sandip Patel

1765 bronze badges

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

1 Comment

Burak Dünal Over a year ago

thanks, but i tried before this way. This code doesn't show any data on page. Success alert comes but doesn't print data on screen.

Collectives™ on Stack Overflow

Post data with ajax or ajax(json) to php in same page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related