JSONフィードに基づいてフォームを作成しました。ユーザーが[保存]をクリックすると、ブートストラップモーダルウィンドウが表示され、フォームが送信されません。
しかし、このコードを追加すると、フォームが送信されていることに気付きました。モーダルウィンドウにデータを入力し、モーダルウィンドウにテーブルを表示するには、これが必要です。
送信を防ぐにはどうすればよいですか？変更されたコード：
$('#myModal').modal('show');
$.each(data, function(key, val) {
var tablefeed= $('<tr><td>ID: '+key+'</td><td id="'+key+'">'+val+'</td><tr>').appendTo('#display');
});
$(".modal-body").html(tablefeed);
@pmandellが提案し、それが機能したので、私はev.preventdefaultに移動しました
<script type="text/javascript">
$('#myform').on('submit', function(ev) {
ev.preventDefault();
var data = $(this).serializeObject();
json_data = JSON.stringify(data);
$("#results").text(json_data);
$('#myModal').modal('show');
$.each(data, function(key, val) {
var tablefeed= $('<tr><td>ID: '+key+'</td><td id="'+key+'">'+val+'</td><tr>').appendTo('#display');
});
$(".modal-body").html(tablefeed);
});
});