Ajax Twitter引导模式表单提交

Ajax Twitter引导模式表单提交,ajax,twitter,twitter-bootstrap,submit,modal-dialog,Ajax,Twitter,Twitter Bootstrap,Submit,Modal Dialog,我是Twitter引导程序的初学者,我正在尝试从一个模式框中处理一个表单,这个模式框也加载了Ajax。问题是我不知道如何使用它。我在谷歌上搜索了好几个小时,但找不到一个好的例子 我以前使用过jQueryUI,我想可能差不多。 我想知道以下几点: 如何使用Ajax加载包含表单的文件 仅在加载表单后使用选择器(例如$(“#item”);获取表单中键入的值是否有效 如何绑定model的Submit按钮,通过Ajax将表单发送到另一个文件 我将感谢您的帮助,我可以提供以下表格示例: <di

我是Twitter引导程序的初学者,我正在尝试从一个模式框中处理一个表单,这个模式框也加载了Ajax。问题是我不知道如何使用它。我在谷歌上搜索了好几个小时,但找不到一个好的例子

我以前使用过jQueryUI,我想可能差不多。 我想知道以下几点:

  • 如何使用Ajax加载包含表单的文件
  • 仅在加载表单后使用选择器(例如$(“#item”);获取表单中键入的值是否有效
  • 如何绑定model的Submit按钮,通过Ajax将表单发送到另一个文件
  • 我将感谢您的帮助,我可以提供以下表格示例:

        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Submit a link</h3>
        </div>
        <div class="modal-body">
        <div id="msgholder1"></div>
        <div id="msg-loader"></div>
        <form action="../ajax/controller.php" data-async data-target="#msgholder1" id="add-link-form" method="POST">
        <table id="theform">
        <tr>
        <td>URL:</td>
        <td><input type="text" name="url" size="45" class="text ui-widget-content ui-corner-all" id="url" /></td>
        </tr>
        <tr>
        <td>Quality:</td>
        <td><select name="quality" id="quality">
              <option value="0">Pick One ...</option>
              <option value="1">CAM</option>
              <option value="2">TS</option>
              <option value="3">DVD</option>
        </select><br />
        </td>
        </tr>
        <tr>
        </fieldset>
        </form>
        </div>
        <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
        <button class="btn btn-primary">Save changes</button>
        </div>
    
    
    &时代;
    提交链接
    网址:
    质量:
    挑一个。。。
    凸轮
    TS
    数字化视频光盘
    
    接近 保存更改
    任何类型的相关文档也很有用


    谢谢

    经过几个小时的研究和工作,我得到了以下可用的Ajax模式脚本:

    <script type="text/javascript">
    $(document).ready(function() {
      $('#addlink').on('click', function(event) {
        var href = SITEURL + '/modules/movies/addlink.tpl.php?movie_id=<?php echo $movie->id; ?>';
        $.get(href, function(response) {
          $('.modal').html(response);
          $('.modal').modal({keyboard:true});
          $('button#submit_link').bind('click', function()
            {
            $('.modal-body').html('<p>Loading ...</p>');
            $.ajax({
                        type: 'post',
                        url: SITEURL + "/ajax/controller.php",
                        data: 'action=report_link',
                        dataType : 'html',
                        context: $(this),
                        success: function (msg) {
                            $(".modal-body").html(msg);
                        }
                    });
            });
        });
        event.preventDefault();
      });
    });
    </script>
    
    
    $(文档).ready(函数(){
    $('#addlink')。在('click',函数(事件){
    var href=SITEURL+'/modules/movies/addlink.tpl.php?movie_id=';
    $.get(href,函数(响应){
    $('.modal').html(响应);
    $('.modal').modal({keyboard:true});
    $('button#submit_link').bind('click',function())
    {
    $('.modal body').html('加载…

    '); $.ajax({ 键入:“post”, url:SITEURL+“/ajax/controller.php”, 数据:“操作=报告链接”, 数据类型:“html”, 上下文:$(本), 成功:功能(msg){ $(“.modal body”).html(msg); } }); }); }); event.preventDefault(); }); });
    了解如何操作并发布解决方案的要点。