javascript - Ajax 不工作

Question

我正在尝试使用 ajax 发出请求，但无法正常工作。 Controller 具有正确的代码，因为如果我使用 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 的调用可能有问题？谢谢!

Answer 1

这是因为您过早地关闭了报价单。使用反斜杠 (\)

转义它们

像这样:

url: '{{url(\'admin/project/create\')}}'

或者你可以混淆引号:

url: "{{url('admin/project/create')}}"

更新1

要回答最后一个错误:

将函数更改为

$("#buttoncreate").click(function()
{
    listUploadProject();
});

这将在点击时运行该函数。