3

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

如果我在引导程序的弹出框之外使用此代码，它可以工作，但是一旦我在弹出框内使用它，它就不再工作了。我的意思是，如果表单是从弹出框提交的，它就像一个普通表单一样，对新页面收费，而不是像 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 一起使用，我的控制器返回 JSON。

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

4

2 回答 2

0

编辑：

我没有尝试，但是替换.submit()应该$(document).on('submit', '#share-popover', function() {});可以工作，因为内容是在渲染 dom 之后加载的，所以当时我无法使用 .submit() 。

我真的不知道为什么，但是用另一种方法替换 .submit() 方法可以解决问题。

这是我所做的更改：

<input id="search-value" type="text" placeholder="Book title, authors, isbn" class="share-input" name="search-value" onkeypress="return runScript(event)" />


function runScript(e) {
  if (e.keyCode == 13) {
    ...
    return false;
  }
}
于 2013-02-15T09:48:21.460 回答
0

当您与您一起工作时，json您必须post像这样指定它

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

 'json');// define the type as json
于 2013-02-12T04:59:07.090 回答