Question

我在这里遇到了一些问题。我试图用jquery / ajax生成一个模态/表单，并且在该模态中应该是另一个ajax调用（用2个特定的id生成）。

希望这更清楚一点：

我收到了我的页面，然后按“生成表单”。然后jquery通过ajax＆amp;加载模态。获取网址：“/ modal / id1 / id2”（整个表单已加载）。这仍然有效。现在，我希望在此表单中添加一个“发布表单”按钮，将此表单发布到相同的URL“/ modal / id1 / id2” 并使用“内部”ajax调用的结果覆盖当前模态。

我收到此错误：

POST http://localhost/modal/id1/id2 500 (Internal Server Error) jquery.min.js:6
send jquery.min.js:6
x.extend.ajax jquery.min.js:6
(anonymous function) VM7593:4
x.event.dispatch jquery.min.js:5

看起来ajax只是不起作用。这是我使用的一点代码：此代码生成第一个模态。仍然正常工作：

    <script>
      $('[data-toggle="view"]').on('click',function(e) {
        e.preventDefault();
        var id1 = $(this).data('id1');
        var id2 = "<?php echo $id2; ?>"
        $.ajax({
           type: "GET",
           url: "offers/"+id1+"/create/"+id2,
           dataType: "html",
           success: function(response){
             $('#offerModal').html(response);
             $('#offerModal').modal('toggle');
           }
        });
      });
    </script>

这是第一个ajax请求返回的代码，显示在模态中：

 <script>
   $('#createOffer').on('click',function(){
     $.ajax({
             type: "post",
             url: "offers/1/create/2", //url exists and is working
             data: { test: "test" },
             success: function(response){
               alert(response);
             }
          });
      });
   </script>

希望你能（理解我的问题）帮助我。

谢谢！

Answer 1

也许$（＆＃39; #createOffer＆＃39;）点击事件未设置？也许将它包装在$（document）就绪函数中会有所帮助：

    $(document).ready(function() {
        $('#createOffer').on('click',function(){
            $.ajax({
                type: "post",
                url: "offers/1/create/2", //url exists and is working
                data: { test: "test" },
                success: function(response){
                   alert(response);
                }
            });
        });
    });

Answer 2

感谢您的帮助。我自己找到了答案（感谢ADASein的一点提示）我犯了一个大错：/ 我发布的代码正在运行，但是post url的视图在这个特定的星座中返回了一个错误。

在ajax生成的表单中调用jquery.ajax

2 个答案: