Question

我在过去几个小时内浏览过互联网，找出向我的网站添加视图产品按钮的最佳方法。我已经看到它通过Bootstrap Modal完成，但我不想要一个模态，我希望产品显示在一个新页面（Products.php）。

我创建了一个按钮来查看产品，并开始编写Ajax调用代码

function productdetails(id){
var data = {"id":id};
jQuery.ajax({
  url : 'products.php',
  method : "post",
  data : data,
  success : function(data){
    jQuery('body').append(data);

  },
  error : function(){
    alert("Something went wrong!");
  }
});
}

但我知道你需要添加一个模态：

  JQuery('#modalname').modal ('toggle')

任何人都有任何建议，因为似乎所有网站都使用这种新页面的方法来获取产品详细信息而不是模态。

Answer 1

这会发送到包含您要显示的代码的页面，例如可以将其命名为product.php。

function productdetails(id){
    var data = {"id":id};
    jQuery.ajax({
      url : 'products.php',
      method : "post",
      data : data,
      success : function(data){
        jQuery('body').append(data);

      },
      error : function(){
        alert("Something went wrong!");
      }
    });
    }

product.php可能看起来像这样

<?php
$id = $_POST['id'];
$results = mysql_query('get information');
?>

<html>
   <examplenode>
       <?php echo $results['product_title']; ?>
   </examplenode>
</html>

^以上是js在发送请求时会得到的内容，然后只需替换当前的html

$('body').replace(data);

查看产品按钮

1 个答案: