PHP-Ajax 数据迁移问题

【问题标题】：PHP-Ajax data migration issuePHP-Ajax 数据迁移问题
【发布时间】：2016-04-11 18:00:22
【问题描述】：

无法弄清楚为什么我的 ajax 代码没有将数据发送到 php 文件。尝试了很多东西，但似乎没有用。 有人可以帮我吗？ 我的html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ABC Fashion</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script type = "text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">    </script>
<script>
$(document).ready(function(){
$("button").click(function(){
 alert((this).id);
 var id=(this).id;
 var params ={id : (this).id};
$.post("code.php", params);
  alert(1);
});
});
</script>
</head>
<body>
<div id="main_container">
<div class="center_content"  align="center">
  <div class="center_title_bar"  align="center">Latest Products</div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Levi's Men's Cotton T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T1.jpg" name="tshirt" alt="" border="0" id="T1"/></a></div>
       <div class="product_img"><button id="d1" onclick="">Dislike</button></div>
       <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">UB Stylish T-shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T2.jpg" name="tshirt" alt="" border="0" id="T2"/></a></div>
       <div class="product_img"><div class="product_img"><button id="d2" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Jacob n John T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T3.jpg" name="tshirt" alt="" border="0" id="T3"/></a></div>
       <div class="product_img"><div class="product_img"><button id="d3" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Levi's Men's Cotton T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T4.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d4" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">UB Stylish T-shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T5.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d5" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Jacob n John T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T6.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d6" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Levi's Men's Cotton T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T7.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d7" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">UB Stylish T-shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T8.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d8" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Jacob n John T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T9.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d9" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Levi's Men's Cotton T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T10.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d10" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">UB Stylish T-shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T11.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d11" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div>
  <div class="prod_box">
    <div class="top_prod_box"></div>
    <div class="center_prod_box">
      <div class="product_title"><a href="details.html">Jacob n John T-Shirt</a></div>
      <div class="product_img"><a href="details.html"><img src="images/T12.jpg" alt="" border="0" /></a></div>
       <div class="product_img"><div class="product_img"><button id="d12" onclick="">Dislike</button></div></div>
      <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div>
    </div>
    <div class="bottom_prod_box"></div>
    <div class="prod_details_tab"> <a href="#" title="header=[Add to cart] body=[&nbsp;] fade=[on]"><img src="images/cart.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Specials] body=[&nbsp;] fade=[on]"><img src="images/favs.gif" alt="" border="0" class="left_bt" /></a> <a href="#" title="header=[Gifts] body=[&nbsp;] fade=[on]"><img src="images/favorites.gif" alt="" border="0" class="left_bt" /></a> <a href="details.html" class="prod_details">details</a> </div>
  </div> 
 </div>
 </body>
 </html>

我的php代码如下：

 <?php


$servername = "localhost:3306";
$username = "admin";
$password = "password";
$dbname = "testdb";


$conn = mysqli_connect($servername, $username, $password, $dbname);

if (!$conn) {
die("Connection failed: " . mysqli_error($conn));
} 

 $num= (int)$_POST["params"];
 $str = $num;
 $tempid = substr_replace($str,"T",0);
 echo $str;
$sql = "INSERT INTO `test` (`disliked`) VALUES ('$num')";
if (mysqli_query($conn, $sql) === TRUE) {
echo "New record created successfully";
} 
else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}

mysqli_close($conn);
?>

【问题讨论】：

  • 在什么方面不起作用？您的任一警报是否都会弹出预期值？
  • 尝试使用 var params ={"id" : id};并且在你的 php 文件中 $num 将不会被获取你应该使用 $num = $_POST['id'] 如果你能告诉我们你得到什么样的错误它会很好尝试检查你的元素检查器和调试请求参数以查看它们是否是令牌
  • 是的。但是当我访问 php 页面上的值时，我得到一个空值。不知道这里有什么问题。这种获取数据的方法是否仅适用于表单，因为我没有在我的 html 页面上使用表单？？
  • @RmidiAyoub 不工作我没有收到任何错误代码工作正常但我无法在我的 php 文件中获取 id 的值，似乎数据没有被 ajax 发送代码。
  • 如果添加此代码 - echo "
    ";print_r($_POST["id"]);在您的 PHP 文件中，您将获得点击的 ID。我只是想知道您到底想实现什么，以及数据没有被 ajax 代码发送是什么意思。如果您在控制台中检查参数，您将获得点击 id。如上所述，您应该使用 $_POST['id'] 获取 id。

标签： php jquery mysql ajax


【解决方案1】：

您的代码中有var params ={id : (this).id};，这是错误的。应该是var params ={id : $(this)[0].id};（并将(this).id的所有实例更改为$(this)[0].id）

而您正在传递id 参数，所以在服务器端，将$_POST["params"]; 更改为$_POST["id"];

$num= $_POST["params"]; // REMOVE(int) casting, you're doing it on the next line

【讨论】：

  • 不，我的 php 页面上仍然没有任何更改
  • @navs89 我发现您的代码有其他问题，请参阅更新的答案
  • 我改变了当你建议 var params ={id : (this).id};但这似乎也不起作用
  • 但这不是我建议的，我的建议是var params ={id : $(this)[0].id};
猜你喜欢
  • 2018-11-21
  • 2019-05-24
  • 1970-01-01
  • 1970-01-01
  • 2016-05-22
  • 2015-12-25
  • 2020-11-05
  • 2023-03-17
  • 1970-01-01
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode