Question

当我提交表单时，只显示弹出框而没有任何查询结果。我有2个提交按钮，触发我的PHP脚本的查询。查询结果应显示在弹出框中。我想，我的jquery代码应该有问题。这是我的代码：

<div class="md-modal md-effect" id="modal">
<div class="md-content" id="content">   
<h3>Query Results</h3>
<div id="result"><?php include 'query/_query.php'; ?></div>
<button class="md-close">Close</button>
                </div>      
            </div>
                <div class="column">
                <div align="center">
<form id="query" action="" >
<button class="md-trigger md-setperspective" name="queryM" data-modal="modal" id="queryM">Query Person</button>
<button class="md-trigger md-setperspective" name ="queryG" data-modal="modal" id="queryG">Query Order</button>
</form><br>
</div>
<script> 
// formular query
$( "#query" ).submit(function( event ) {

  // prevent pagerefresh
  event.preventDefault();

  // querym & queryg
  var $form = $( this ),
    term = $form.find( "button[name='queryM']" ).val(),
    term = $form.find( "button[name='queryG']" ).val(),
    url = $form.attr( "action" );

  // post data
  var posting = $.post( url, { queryM: term, queryG: term  } );

  // results in a div
  posting.done(function( data ) {
    var content = $( data ).find( "#content" );
    $( "#result" ).empty().append( content );
  });
});
</script>   
            </div>
        </div>

<script src="js/loader.js"></script>
<script src="js/modal.js"></script>

Answer 1

首先，请分别在定义和用法中将term变量更改为termM和termG：

termM = $form.find( "button[name='queryM']" ).val(),
termG = $form.find( "button[name='queryG']" ).val(),
.....
var posting = $.post( url, { queryM: termM, queryG: termG  } );

您无法为单个变量分配两个不同的值，并期望对其进行检索。第一个值将被第二个值覆盖。

在done回拨中，您可能希望console.log( data )确认您获得了所需的回复。

Jquery.post提交表单，带有2个按钮

1 个答案: