Laravel网站在外部javascript文件中不使用Ajax
Laravel site not using Ajax in external javascript file
我正在尝试让我的网站使用另一个文件中的Ajax,但除非代码实际在视图中,否则它永远不会起作用。
该站点成功调用了我的另一个Javascript文件,但似乎无法识别其中包含Ajax的文件。
以下是我的外部Javascript文件中,其中包含Ajax(ajax.js):
$(document).ready(function(){
$("#idForm").submit(function(e) {
$.ajax({
type: "POST",
url: "{{ url('/auth/login') }}",
data: $("#idForm").serialize(),
success: function(data)
{
location.reload();
}
});
e.preventDefault(); // avoid to execute the actual submit of the form.
});
});
以下是我的主布局文件中,该文件成功使用了form.js文件,但不是ajax.js。
<html>
<body>
<!--Other Stuff-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/sitename/public/js/forms.js"></script>
<script type="text/javascript" src="http://localhost/sitename/public/js/ajax.js"></script>
</body>
</html>
有什么想法吗?
默认情况下,外部 js 文件不支持刀片语法。因此,要从外部 js 文件发送 ajax 请求,需要执行以下操作:
-
为 template.blade.php 文件创建一个全局变量,如下所示:
var SITE_URL = "{{URL::to('/')}}"; -
然后何时发送 Ajax 请求:
$.ajax({网址: SITE_URL + '/route_name'});
相关文章:
- Ajax文件加载和<输入>文件加载
- AJAX文件上传与PHP验证
- 如何在ajax文件上传中添加额外的POST参数
- Ajax文件上传Vue.js
- ajax文件上传图片获取高度和宽度
- Rails和ajax文件上传-无法读取属性'innerHTML'的空错误
- 没有办法显示“;上传面板”;,没有“;文件面板”;在ITHit AJAX文件浏览器中可见
- Laravel 5 ajax文件上传
- AJAX文件上传到php,没有发送任何内容
- AJAX文件上传/表单提交,无需jquery或iframes
- 我的AJAX文件不起作用
- Valum's Ajax文件上传器-绑定到给定类的所有元素
- JSON响应一直未定义(ajax文件上传)
- 如何在 AJAX 文件上传后更新页面
- 如何输出反向顺序?AJAX 文件 > DIV.
- jquery ajax 文件上传,成功不被调用
- 将带有 php 和 javascript 变量的 php 文件包含在 ajax 文件中
- 如何在没有jQuery或iframe或flash的情况下为IE7 / 8制作AJAX文件上传器
- Jquery/ajax 文件上传
- jQuery Ajax 文件获取问题