_Chonor
2019-03-10 11:58
采纳率: 100%
浏览 1.5k

ajax通过js文件引入后的url问题

大致情况:我用TP5.1和ajax想要实现图片上传的需求,开始我是把ajax写在html模板中的图片上传没有问题,后来考虑到代码规范的问题,不想把代码都写在一起,而是单独写在一个js文件中去引入,结果图片上传失败。

ajax与html写在同一个页面时通过: url:"{:url('模块名/控制器名/方法名')}" 就可以向该方法发生请求。

    $.ajax({
        type : "POST",
        url:"{:url('admin/Del/delAdmin')}",
        dataType:"json",
        data:{"admin":admin},
        success : function(data){
            window.location.reload();
            alert(data);
        },
        error:function(){
            alert('删除失败');
        }
    });

把该代码写在js文件中放在public/static 下引入后的url应该怎么改

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • 天际的海浪 2019-03-10 15:32
    已采纳

    因为{:url('admin/Del/delAdmin')}是模板中的标签,在解析输出模板到浏览器成html页面时,会替换为实际的url地址。
    写在js文件中没有解析输出的过程,就不会替换了。

    你可以在模板中把{:url('admin/Del/delAdmin')}输出到js的全局变量中,然后在js文件中使用这个变量。
    模板:

    <script type="text/javascript">
    var myUrl = "{:url('admin/Del/delAdmin')}";
    </script>
    <script type="text/javascript" src="xxxx.js"></script>
    

    xxx.js文件:

        $.ajax({
            type : "POST",
            url: myUrl,
            dataType:"json",
            data:{"admin":admin},
            success : function(data){
                window.location.reload();
                alert(data);
            },
            error:function(){
                alert('删除失败');
            }
        });
    
    点赞 打赏 评论
  • weixin_44298799 2019-03-10 12:15

    ROOT_PATH . 'public' . DS . 'static

    点赞 打赏 评论

相关推荐