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&nbsp;type="text/javascript"> var&nbsp;myUrl&nbsp;=&nbsp;"{:url('admin/Del/delAdmin')}"; </script> <script&nbsp;type="text/javascript"&nbsp;src="xxxx.js"></script>xxx.js文件：&nbsp;&nbsp;&nbsp;&nbsp;$.ajax({ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;type&nbsp;:&nbsp;"POST", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url:&nbsp;myUrl, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;dataType:"json", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data:{"admin":admin}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;success&nbsp;:&nbsp;function(data){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;window.location.reload(); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert(data); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;error:function(){ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert('删除失败'); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;});

Answer 2

ROOT_PATH . 'public' . DS . 'static