index.htmlからd_main.phpに制御を移すようにしてあります。
jqueryでボタン押下後も遷移しないようにしてあり、
textareaはそのまま残っています。
その状態で、phpからname="info"のtextareaに文字を出力することは可能でしょうか?
javascriptやjqueryをphp内で使用しても良いのですが
php側でどのような記述が必要かよくわかりません。
どうぞよろしくお願いします。
index.html(ボタン押下)→d_main.php(ここから表示してあるtextareaに文字を出力)
html
1<form name="DebugForm" action="d_main.php" method="post" id="AjaxForm"> 2<input type="submit" value="コンパイルする" name="" class="btn_1 submit" > 3<textarea name="info" class="win_1" readonly > 4</form>
html
1<head> 2<meta charset="UTF-8"> 3<title>test</title> 4<script src="js/jquery-3.4.1.min.js"></script> 5<script src="js/n_trans.js"></script> 6<form name="DebugForm" action="test.php" method="post" id="AjaxForm"> 7<input type="submit" value="テストボタン" name="" class="btn_1 submit" > 8<br> 9<textarea name="source" rows="30" cols="150"> 10</textarea> 11<script> 12$('#AjaxForm').submit(function(event) { 13 event.preventDefault(); 14 var $form = $(this); 15 var $button = $form.find('.submit'); 16 $.ajax({ 17 url: $form.attr('action'), 18 type: $form.attr('method'), 19 data: $form.serialize(), 20 timeout: 10000, 21 beforeSend: function(xhr, settings) { 22 $button.attr('disabled', true); 23 }, 24 complete: function(xhr, textStatus) { 25 $button.attr('disabled', false); 26 }, 27 success: function(result, textStatus, xhr) { 28 $form[0].reset(); 29 $("#result").append(result); 30 }, 31 error: function(xhr, textStatus, error) { 32 alert('NG...'); 33 } 34 }); 35 // … 36})(jQuery); 37</script> 38</body> 39</html>