javascript - express 中在html中使用了ajax然后触发事件,浏览器就死了!!!
PHPz
PHPz 2017-04-11 09:06:29
[JavaScript讨论组]

function Clearing(){

    var id=[];
    var total = $('.total')
    $('input[name=single]:checkbox').each(function(){
        var self = $(this)
        if(self.is(":checked")){
        id.push(self.data('id'))
        }
    })
    var data = {'id':id,'total':total};
    $.ajax({
            url:'/cart/check',
            type:'post',
            data:data,
            success:function(data,status){
                if(status=='success'){
                 //do_xxxx
                }
            },
            error:function(data,status){
                if(status=='error'){
                //do_xxxx
                }
            }
        })
}

html:
<body>

<p class="container">
    <p class="panel ">
        <h1 class="text-center" style="color:red;">购物车</h1>
    </p>
    <p class="panel-body">
        <table class="table table-hover">
            <tbody>
                <%for(var i in carts){if(!carts[i].cid)continue%>
                    <tr>
                        <td>
                            <input type="checkbox" name="single" data-id="<%=carts[i]._id%>" data-price="<%=carts[i].cPrice%>">
                        </td>
                        <td>
                            <%=carts[i].cName%>
                        </td>
                        <td><img src="/static/img/<%=carts[i].cImgSrc%>" alt="图片无法查看"></td>
                        <td class="quantity">
                            <a href="javascript:void(0)" style="font-size:20px" name="quantity" data-id="<%=carts[i]._id%>" data-type="sub" class="btn btn-danger text-center">-</a>
                            <input type="text" class="text-center" name="<%=carts[i]._id%>" style="width:30px" value="<%=carts[i].cQuantity%>">
                            <a href="javascript:void(0)" style="font-size:20px;" name="quantity" data-id="<%=carts[i]._id%>" data-type="add" class="btn btn-success text-center">+</a></td>
                        <td class="price" name="<%=carts[i]._id%>" data-price="<%=carts[i].cPrice%>">
                            <%=carts[i].cPrice*carts[i].cQuantity%>
                        </td>
                    </tr>
                    <%}%>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>总计:<span class="total">0</span>$</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td>
                            </td>
                            <td>
                            </td>
                        </tr>
            </tbody>
        </table>
        <input type="button" class="btn btn-success" onclick="Clearing()" value="结算">
    </p>
</p>

</body>
不懂为什么啊,无论ajax中的url指向那个地址,都无法到route的/cart/check上,如果不上ajax就可以正常进行!

PHPz
PHPz

学习是最好的投资!

全部回复(2)
PHPz

data中的total不是html element吗,传给ajax做参数?这个没办法放到post的body里的吧

大家讲道理

您好购物车里的 这个if(!Cart[i].cId) continue的逻辑是什么

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号