Display an alert when using AJAX

Question

I am two files, a PHP file and another file made of javascript and HTML.

PHP file :

<?php
session_start(); //start session

$_SESSION['data'] = "The content should be displayed as alert in the JS file";

JS/HTML File:

<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<form class="form-item" id="idForm">
        <input type="hidden" name="product_code" value="prince"/>
        <button id="btn_add" type="submit">Add to Cart</button>
</form>
<script>


    $(function(){
        $("#idForm").submit(function(e) {

            var url = "test2.php";

            $.ajax({
                type: "POST",
                url: url,
                data: $("#idForm").serialize(),
                success: function()
                {
                    alert(/*The content of the session in the php file should be display here*/); // show response from the php script.
                }
            });

            e.preventDefault();
        });
    });
</script>

In the PHP file, I have a session $_SESSION['data']. All I want to do, it is to be able display the content of that session in alert() after making the ajax request to test2.php

in `php` write `echo $_SESSION['data'];` and then in `ajax`:-`success: function(response){alert(response);}` — Alive to die - Anant, Jul 08 '16 at 12:49

score 4 · Accepted Answer · edited Jul 08 '16 at 12:51

4

Add response as parameter to success. Response is basically anything that would normally display in the browser (including syntax errors)

  $.ajax({
            type: "POST",
            url: url,
            data: $("#idForm").serialize(),
            success: function(resp)
            {
                alert(resp); // show response from the php script.
            }
        });

Make sure to echo what you wish to display in your PHP script. Anything which gets echoed will be returned in the AJAX response:

<?php
session_start(); //start session

$_SESSION['data'] = "The content should be displayed as alert in the JS file";
echo $_SESSION['data'];

edited Jul 08 '16 at 12:51

Jay Blanchard

34,243
16
77
119

answered Jul 08 '16 at 12:47

Moussa Khalil

635
5
12

3

The OP also has to echo out the session variable in the PHP. – Jay Blanchard Jul 08 '16 at 12:48
@JayBlanchard indeed sir :) – Moussa Khalil Jul 08 '16 at 12:49
Thanks for your answer, it is working well. What about if in the php file I add this line of code `echo $title;` and I want to alert only `$title` ? – Prince Jul 08 '16 at 15:23
@Prince only echo what you want to alert. So remove all echos except "echo $title". – Moussa Khalil Jul 09 '16 at 05:07

Alive to die - Anant · Answer 2 · 2016-07-08T12:52:57.200

2

1.In php you have to write in last:-

echo $_SESSION['data']; // so that it will go as a response to the ajax call

2.Then in ajax:-

success: function(response){ // grab the response
   alert(response); // alert the response
}

edited Jul 08 '16 at 12:52

answered Jul 08 '16 at 12:49

Alive to die - Anant

70,531
10
51
98

Thanks for your answer, it is working well. What about if in the php file I add this line of code `echo $title;` and I want to alert only `$title` ? – Prince Jul 08 '16 at 15:23

Display an alert when using AJAX

2 Answers2