jquery - Bootstrap 弹出窗口中的 Ajax

Question

我被这个问题困扰了，我真的不知道为什么它不起作用。

如果我在 Bootstrap 的弹出窗口之外使用此代码，它就可以工作，但是一旦我在弹出窗口内使用它，它就不再工作了。我的意思是，如果表单是从弹出窗口提交的，那么它就像普通表单一样，为新页面充电，而不是像 AJAX 脚本一样。

           $("#share-popover").submit(function(){
              //get the url for the form
              var url=$("#form_search").attr("action");
              alert($("#search-value").val());

              //start send the post request
               $.post(url,{
                   formName:$("#search-value").val(),
                   other:"attributes"
               },function(data){
                    if(data.responseCode==200 ){           
                        $('#output').html(data.greeting);
                        $('#output').css("color","red");
                    }
                   else if(data.responseCode==400){ //bad request
                       $('#output').html(data.greeting);
                       $('#output').css("color","red");
                   }
                   else{
                      alert("An unexpeded error occured.");
                   }
               });
              return false;
           });

按钮:

   <button id="share-dropdown" style="margin-right:5px" class="btn btn-warning pull-right" type="button" rel="popover" data-placement="bottom" data-html="true"><i class="icon icon-plus icon-white"></i> Share</button>

Js:

        $('#share-dropdown').popover({ 
            html : true,
            content: function() {
              return $("#share-popover").html();
            }
        });

内容的 HTML :

<div id="share-popover" style="display: none">
  <form id="form_search" action="{{ path('weezbook_site_ajax_search') }}" method="POST">
    <input id="search-value" type="text" value="Book title, authors, isbn" class="share-input" name="search-value" />
    <input type="submit"  />
  </form>

我将其与 Symfony2 一起使用，并且我的 Controller 返回 JSON。

我真的不明白为什么它在盒子外面工作而不是在里面......

Answer 1

当您使用 json 时，您必须在 post 中指定它，如下所示

$.post(url,{ data: something   },function(data){some process},

 'json');// define the type as json