ajax - Twitter Bootstrap 模式调用 Controller 操作

Question

我有一个使用 Twitter Bootstrap 模式的弹出窗口。我想在弹出窗口显示之前调用 Controller 操作，并将 Controller 操作中的变量值显示到弹出窗口中。 ajax 没有调用 Controller 操作。还有其他方法吗？

我的 gsp:

<g:javascript>
        $(document).ready(function() {
          $('#myModal').on('show', function () {
            $.ajax({
              type: "GET",
              url: "${createLink(controller: 'mGMatrices', action: 'popup')}" 
            }).done(function(data) {
                $('#modal-body').html(data);
            });

          });//end on()
        });//end ready()
      </g:javascript>

       <g:textField name="inputField" />
      <!-- Button to trigger modal -->
      <a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>


      <!-- Modal -->
      <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
          <h3 id="myModalLabel">Modal header</h3>
        </div>
        <div class="modal-body">
             <p>some content</p>
             <input type="text" name="bookId" id="bookId" value=""/>
        </div>
      </div>

Answer 1

您的代码非常完美，对代码稍作改动后它适用于我。

您使用的 # 表示 id 而不是类。

$('#modal-body').html(data);

将#替换为.

例如

$('.modal-body').html(data);

试试这个并享受......

编辑...................................... .....................................

        $.ajax({
          type: "GET",
          url: "${createLink(controller: 'mGMatrices', action: 'popup')}",
          data: "inputField="+$("[name='inputField']").val()+"&fieldName="+$("[name='fieldNAme']").val()
        }).done(function(data) {
            $('#modal-body').html(data);
        });