How to post values through Ajax in php?

Question

<?php
session_start();
?>
    <?php
        $con=mysqli_connect("localhost","root","") or die(mysqli_error());
        mysqli_select_db($con, "sada_r_t_m");
        $result=mysqli_query($con, "SELECT * FROM products ");

echo "<h2 fontsize = '26' color = 'yellow' align = 'center'>Flipkart</h2>";

echo "<table border = '5' cellpadding = '12' align = 'center' background-color = '#84ed86' color =  '#761a9b' >";
echo "<tr>";
echo "<th>SNO</th>";
echo "<th>Product Name</th>";
echo "<th>Price</th>";
echo "<th>Cart</th>";

echo "</tr>";
while($data = mysqli_fetch_assoc($result))
{
echo "<tr>";
echo "<th>".$data['id']."</th>";
echo "<th>".$data['name']."</th>";
echo "<th>".$data['price']."</th>";
echo "<th><a href='#' Onclick='add(".$data['id'].")'>Add to Cart</a></th>";

echo "</tr>";

}
echo "</table>";
?>
<script type="text/javascript">
function add(id){
    alert(id);

    $.ajax({
        url: '../ajax.php',
        type: 'POST',
        data: { action: "add",id: id, val:1} ,
        //contentType: 'application/json; charset=utf-8',
        success: function (response) {
            alert(response.status);
        },
        error: function () {
            alert("error");
        }
    }); 
}
</script>

I passed the values through ajax in php. I wrote only in single php page.

How to pass values through ajax in php. While passing values,i am getting below error

Uncaught ReferenceError: $ is not defined

How to achieved this error i am new to php.

After i add the jquery min file it will get alert("error"); it will goes else statement. — kirankumar, Jan 30 '16 at 12:12
Why ajax and db connection is at the same file ? is there any specific reason ? — Drone, Jan 30 '16 at 12:41

score 0 · Answer 1 · answered Jan 30 '16 at 12:09

0

Please add jquery library file for use $. Please put this code in your file at top.

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

OR

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

answered Jan 30 '16 at 12:09

Jalpa

697
3
13

After i add the jquery min file it will get alert("error"); it will goes else statement.. – kirankumar Jan 30 '16 at 12:13
@kirankumar when you get alert("error") ? when click on "Add to cart" ? – Jalpa Jan 30 '16 at 12:16
Ya yes but now undefined when i click on Add to cart – kirankumar Jan 30 '16 at 12:19
@kirankumar Did you mean you got "undefined " on alert when you click on "Add to cart" ? – Jalpa Jan 30 '16 at 12:20
Ya yes i got "undefined" – kirankumar Jan 30 '16 at 12:23
https://codeofaninja.com/demos/php-shopping-cart-tutorial/sessions/level-1/products.php?action=added&id25&name=Abercrombie%20Allen%20Anew%20Shirt @Jalpa I need like this . Please visit above link – kirankumar Jan 30 '16 at 12:31
No he was not getting the id, I posted the solution to get id – Drone Jan 30 '16 at 12:36

score 0 · Answer 2 · answered Jan 30 '16 at 12:22

0

Your JavaScript Change this type. Error alert show what error Occurred

Add Jquery library file at head tag

<script type="text/javascript">
function add(id){
alert(id);

$.ajax({
 url: '../ajax.php',
 type: 'POST',
data: { action: "add",id: id, val:1} ,
success: function (response) {
try{
alert(response.status);
}
catch(e){
alert("Error"+e);
}
},
error: function (e) {
 alert("error"+e); or alert("error"+JSON.stringify(e));
}
});
}
</script>

You use try and catch . this show where error show

this code useful for you

answered Jan 30 '16 at 12:22

Vadivel S

660
8
15

No use it not clicked – kirankumar Jan 30 '16 at 12:29
this code is shows where Error occurred and what type of error .. error shows catch or Error alerts show – Vadivel S Jan 30 '16 at 12:33

score 0 · Answer 3 · answered Jan 30 '16 at 12:47

0

I cannot comment yet, so I posted here. There's a good example on another answer on how to properly do ajax post requests:

http://stackoverflow.com/questions/5004233/jquery-ajax-post-example-with-php

Also, this is a good tutorial that will set you on the right track:

https://www.codeofaninja.com/2013/09/jquery-ajax-post-example.html

http://hayageek.com/jquery-ajax-post/

Also, try to change ../ajax.php to the full url.

answered Jan 30 '16 at 12:47

peixotorms

1,246
1
10
21

Thank you i will go through it – kirankumar Jan 30 '16 at 12:50

How to post values through Ajax in php?

3 Answers3