簡體   English   中英

Ajax無法運行

[英]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')}}"

更新1

要回答最后一個錯誤:

改變功能

$("#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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM