0
我有一個顯示大量記錄的PHP頁面。如何在Jquery,PHP和MySQL的一個頁面上使用兩種不同的表單
在頁面上,我有兩個提交按鈕:一個用於下一頁和一個(在引導模式中)將數據導出到另一個數據庫。
下頁的HTML是:
<form method="post" action="mypage.php" />
Jump to Page:
<select name="page"">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<input type="submit" value="Go" />
</form>
這是代碼的從(自舉)的模態內的部分:
<div class="modal-body">
<form data-async data-target="#modal" action="import.php" method="POST">
<div id="modal" class="alert alert-success" style="font-size:13px;">Please enter the requested data!</div>
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#pane1" data-toggle="tab" style="font-size:13px;">Project</a></li>
<li><a href="#pane2" data-toggle="tab" style="font-size:13px;">Summary</a></li>
<li><a href="#pane3" data-toggle="tab" style="font-size:13px;">Personal</a></li>
<li><a href="#pane4" data-toggle="tab" style="font-size:13px;">Details</a></li>
<li><a href="#pane5" data-toggle="tab" style="font-size:13px;">Notification</a></li>
</ul>
<div class="tab-content">
<div id="pane1" class="tab-pane active">
<input type="hidden" name="ticketId" id="ticketId" value=""/>
<p>Please select the project you want to file the report under.</p>
<select style="width:350px;" class="chzn-select" name="project">
<option value=""></option>
<option>Project 1</option>
<option selected>Project 2</option>
<option>Project 3</option>
<option>Project 4</option>
</select>
<p class="note">Note: You can change this later.</p>
[... content skipped ...]
</div><!-- /.tab-content -->
</div><!-- /.tabbable -->
</div>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Create Report" />
<a href="#" class="btn" data-dismiss="modal">Close</a>
</div>
</div>
</form>
而在模式窗口頁的標頭我有這個javascript:
<script>
jQuery(function($) {
$('body').on('submit','form[data-async]', function(event) {
alert('submit Event');
var $form = $(this);
var $target = $($form.attr('data-target'));
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize(),
success: function(data, status) {
$target.html(data);
}
});
event.preventDefault();
$('#addBookDialog').delay(2000).fadeOut('slow');
location.reload(true);
});
});
</script>
順便說一句,用簡單的PHP調用下一頁,查詢數據庫fo r新記錄。
問題是這樣的:當我點擊模式內的提交按鈕時,數據使用import.php導出到其他數據庫。大。但是當我使用第一個按鈕(下一頁或另一個)時,請求也會發送到import.php,而它只是應該顯示另一個頁面。
所以我的問題是:如何使用Jquery函數從模態窗口導出信息,以及第一個(頁面)提交按鈕如何調用下一個或其他頁面。
如果您有任何問題,請讓我知道。
乾杯!