提交事件不重定向页面

以下代码显示图像以及产品并单独获取查看详细信息。点击“查看详细信息”按钮后，它不会重定向到新页面。与创建我的函数希望问题....请查看我的代码提交事件不重定向页面

<?php 
    session_start(); //start session 
    include("config.inc.php"); //include config file 
    ?> 
    <!DOCTYPE HTML> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>Ajax Shopping Cart</title> 
    <link href="style/style.css" rel="stylesheet" type="text/css"> 
    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> 
    <script> 
    $(document).ready(function(){ 
      $(".form-item").submit(function(e){ 
       var form_data = $(this).serialize(); 
       var button_content = $(this).find('button[type=submit]'); 
       window.location = "1stlink.php?variable=" + encodeURIComponent(form_data); 
       //button_content.html('Adding...'); //Loading button text 
       e.preventDefault(); 
      }); 
    }); 
    </script> 
    </head> 
    <body> 
    <div align="center"> 
    <h3>Product list view</h3> 
    </div> 
    <?php 
    //List products from database 
    $results = $mysqli_conn->query("SELECT product_name, product_desc, product_code, product_image, product_price FROM products_list"); 
    //Display records from database 
    $products_list = '<ul class="products-wrp">'; 

    while($row = $results->fetch_assoc()) { 
    $products_list .= <<<EOT 
    <li> 
    <form class="form-item"> 
    <h4>{$row["product_name"]}</h4> 
    <div><img src="images/{$row["product_image"]}"></div> 
    <div>Price : {$currency} {$row["product_price"]}<div> 
    <div class="item-box">  
     <input name="product_code" type="hidden" value="{$row["product_code"]}"> 
     <button type="submit">View details</button> 
    </div> 
    </form> 
    </li> 
    EOT; 

    } 
    $products_list .= '</ul></div>'; 

    echo $products_list; 
    ?> 
    </body> 
    </html>

来源

2017-05-05 prog

你应该阅读：[模型 - 视图 - 控制器（https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller） – Badacadabra

你为什么把另一个URL参数中的所有表单域。它可能应该是'“1stlink.php？” + form_data' – Barmar

为什么要用重定向来做到这一点？这与使用'

-1

将这个脚本在机身的底部，作为最后一个元素。

$(document).ready(function(){ 
     $(".form-item").submit(function(e){ 
      var form_data = $(this).serialize(); 
      var button_content = $(this).find('button[type=submit]'); 
      window.location = "1stlink.php?variable=" + encodeURIComponent(form_data); 
      //button_content.html('Adding...'); //Loading button text 
      e.preventDefault(); 
     }); 
});

来源

2017-05-05 22:38:23 12345678

他为什么需要把它放在底部？使用'$（document）.ready（）'意味着它不会运行，直到一切都被加载。 – Barmar

哦，好的谢谢。没有注意到 – 12345678

提交事件不重定向页面

回答

相关问题