Как отправлять значения через Ajax в 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> 

Я передал значения через ajax в php. Я писал только на одной php-странице.

Как передать значения через ajax в php. При прохождении значения, я получаю ниже ошибки

Uncaught ReferenceError: $ не определен

Как достичь этой ошибки я новичок в PHP.

Answer 1

Пожалуйста, добавьте файл библиотеки jquery для использования $. Пожалуйста, поместите этот код в свой файл вверху.

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

ИЛИ

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

Answer 2

Ваш JavaScript Изменить этот тип. Ошибка оповещения показать, что ошибка Произошел

Добавить файл библиотеки Jquery в головной метке

<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> 

Вы используете попытаться поймать. это шоу, где ошибка показать

этот код полезным для вас

Answer 3

Я пока не могу комментировать, так как я разместил здесь. Там хороший пример на другой ответ о том, как правильно сделать AJAX пост запросы:

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

Кроме того, это хороший учебник, который установит вам на правильном пути:

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

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

Кроме того, попробуйте изменить ../ajax.php на полный URL.