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

Question

大致情况：我用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应该怎么改

Answer 1

因为{: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('删除失败');
        }
    });