为什么我总是在 javascript 和 expressjs 中被重定向到“#blocked”?

问题描述 投票:0回答:0

我正在尝试用 for 循环替换表单操作,但是有一个问题。

我替换了它们,但是当我按下“添加到篮子按钮”时,系统将我重定向到一个名为“#blocked”的地方,甚至操作设置为正常值(我在谷歌浏览器上使用 Inspect 检查了它)。什么是问题,我该如何解决?

(一排有 4 种食物,这就是我在 for 循环中使用 food_count/4 的原因)

(foodidcomeshere0,1,2,3 是表格的动作)


var food_id;

var food_photo;

var food_count_2=food_count*4;

var food_snippet_replaced;


var food_snippet="<div id='food-div-stack-div'><div id='food-div'><div id='food-div-photo-main-div'><div id='food-div-photo-div'><img id='food-div-photo' src='/Order-Food/Food-Photos/photocomeshere0' alt=''></div></div><div id='food-div-header-div'><h1 id='food-div-header'>Foodnamecomeshere0</h1></div><div id='food-div-desc-div'><p id='food-div-desc'>Foodinfocomesherea0</p></div><form action='/foodidcomeshere0' method='get'><div id='food-div-add-to-the-basket-button-div'><button type='submit' id='add-to-the-basket-button'>Add To The Basket</button></div><div id='food-div-price-div'><p id='food-div-price'>0ab$</p></div></form></div><div style='width: 2vw;'></div><div id='food-div'><div id='food-div-photo-main-div'><div id='food-div-photo-div'><img id='food-div-photo' src='/Order-Food/Food-Photos/photocomeshere1'></div></div><div id='food-div-header-div'><h1 id='food-div-header'>Foodnamecomeshere1</h1></div><div id='food-div-desc-div'><p id='food-div-desc'>Foodinfocomesherea1</p></div><form action='/foodidcomeshere1' method='get'><div id='food-div-add-to-the-basket-button-div'><button type='submit' id='add-to-the-basket-button'>Add To The Basket</button></div><div id='food-div-price-div'><p id='food-div-price'>1ab$</p></div></form></div><div style='width: 2vw;'></div><div id='food-div'><div id='food-div-photo-main-div'><div id='food-div-photo-div'><img id='food-div-photo' src='/Order-Food/Food-Photos/photocomeshere2' alt=''></div></div><div id='food-div-header-div'><h1 id='food-div-header'>Foodnamecomeshere2</h1></div><div id='food-div-desc-div'><p id='food-div-desc'>Foodinfocomesherea2</p></div><form action='/foodidcomeshere2' method='get'><div id='food-div-add-to-the-basket-button-div'><button type='submit' id='add-to-the-basket-button'>Add To The Basket</button></div><div id='food-div-price-div'><p id='food-div-price'>2ab$</p></div></form></div><div style='width: 2vw;'></div><div id='food-div'><div id='food-div-photo-main-div'><div id='food-div-photo-div'><img id='food-div-photo' src='/Order-Food/Food-Photos/photocomeshere3' alt=''></div></div><div id='food-div-header-div'><h1 id='food-div-header'>Foodnamecomeshere3</h1></div><div id='food-div-desc-div'><p id='food-div-desc'>Foodinfocomesherea3</p></div><form action='/foodidcomeshere3' method='get'><div id='food-div-add-to-the-basket-button-div'><button type='submit' id='add-to-the-basket-button'>Add To The Basket</button></div><div id='food-div-price-div'><p id='food-div-price'>3ab$</p></div></form></div><div style='width: 2vw;'></div></div>";


var top_value=0;


for(var i=0;food_count/4;i++){

    var a=i*4;
    
    var b=a+1;

    var c=a+2;

    var d=a+3;

    //Before the food_snippet_14 I replaced Food's name,description and price.And I don't have any problem with that.

    var food_snippet_15=food_snippet_14.replace("foodidcomeshere0","/%7B%22Food_ID%22:%22yemek"+a+"%22%7D");

    var food_snippet_16=food_snippet_15.replace("foodidcomeshere1","/%7B%22Food_ID%22:%22yemek"+b+"%22%7D");

    var food_snippet_17=food_snippet_16.replace("foodidcomeshere2","/%7B%22Food_ID%22:%22yemek"+c+"%22%7D");

    var food_snippet_18=food_snippet_17.replace("foodidcomeshere3","/%7B%22Food_ID%22:%22yemek"+d+"%22%7D");
    

    var food_snippet_19=food_snippet_19+food_snippet_18;

    var food_route="/%7B%22Food_ID%22:%22yemek"+a+"%22%7D";

    var food_route_2="/%7B%22Food_ID%22:%22yemek"+b+"%22%7D";

    var food_route_3="/%7B%22Food_ID%22:%22yemek"+c+"%22%7D";

    var food_route_4="/%7B%22Food_ID%22:%22yemek"+d+"%22%7D";

    app.post(food_route,function(req,res){

        console.log(food_route);
    });


    app.post(food_route_2,function(req,res){

        console.log(food_route_2);
    });


    app.post(food_route_3,function(req,res){

        console.log(food_route_3);
    
    });


    app.post(food_route_4,function(req,res){

        console.log(food_route_4);
    });




}
javascript express
© www.soinside.com 2019 - 2024. All rights reserved.