[英]Ajax isn't working
我正在嘗試使用ajax進行請求並且無法正常工作。 控制器具有正確的代碼,因為如果我使用ajax它們正在運行良好。
意見是這樣的:
$(document).ready(function(){ listProject(); $("#buttoncreate").click(function(e)){ e.listUploadProject(); }); }); var listProject = function() { $.ajax({ type:'get', url:'{{ url('admin/project/listall') }}', success: function(data){ $('#ajaxwindow').empty().html(data); } }); } var listUploadProject = function() { $.ajax({ type:'get', url:'{{ url('admin/project/create') }}', success: function(data){ $('#ajaxwindow').empty().html(data); } }); }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="col-md-10"> <h3 style="letter-spacing:40px;text-align:center;color:f15d5e;">PROYECTOS</h3> </div> <div class="col-md-2" style="padding:20px;"> <button type="button" id="buttoncreate" class="btn btn-danger">Crear Proyecto</button> </div> <div class="col-md-12" id="ajaxwindow"> </div>
如果我只有:
$(document).ready(function(){
listProject();
});
工作得很好。
哪里有問題? 謝謝!。
編輯:
$(document).ready(function(){
listProject();
$("#buttoncreate").click(function(e){
e.preventDefault();
e.listUploadProject();
});
});
var listProject = function()
{
$.ajax({
type:'get',
url:"{{ url('admin/project/listall') }}",
success: function(data){
$('#ajaxwindow').empty().html(data);
}
});
}
var listUploadProject = function()
{
$.ajax({
type:'get',
url:"{{ url('admin/project/create') }}",
success: function(data){
$('#ajaxwindow').empty().html(data);
}
});
}
當我點擊按鈕,他試圖做的功能給我這個錯誤:
Uncaught TypeError: e.listUploadProject is not a function
at HTMLButtonElement.<anonymous> (projects:217)
at HTMLButtonElement.dispatch (jquery.js:4737)
at HTMLButtonElement.elemData.handle (jquery.js:4549)
對listUploadProject的調用可能有問題嗎? 謝謝!
這是因為你過早地關閉你的報價。 使用反斜杠( \\
)轉義它們
像這樣:
url: '{{url(\\'admin/project/create\\')}}'
或者你可以混淆報價:
url: "{{url('admin/project/create')}}"
要回答最后一個錯誤:
改變功能
$("#buttoncreate").click(function()
{
listUploadProject();
});
這將在點擊時運行該功能。
而不是下面的代碼:
$("#buttoncreate").click(function(e)){
e.listUploadProject();
});
試試這個:
$("#buttoncreate").click(function(e)){
e.preventDefault();
listUploadProject();
});
單擊時控制台中必定存在一些錯誤。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.