ここに書くために修正とかしましたか？
htmlのformの閉じタグが</fom>になっていたり
ajaxの送信データがdata : date でデータと日付になっていたりと
色々おかしいので少し見直してもう一度検証してみてください。
ajax処理について勉強していますが、いまいちこれがajax処理なのか単なるjavascriptのpost処理なのか、はたまたjqueryのpost処理なのかよく分かっていません。これはajax処理になっていますでしょうか？
やりたいことはhtmlの'input'の'value'を'BUTTON'クリックしたらphpにpostされてphpでformatされたデータをhtmlの'result'に表示することです。
(index.html)
html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <script src="https://code.jquery.com/jquery-3.0.0.min.js"></script> <script src="test.js"></script> <title>ajax Test</title> </head> <body> <form id="form" method="post"> <div id="button">BUTTON</div> <input id="date1" type="date" value=""> </form> <div id="result"></div> </body> </html>
(test.js)
dataに値を入れてますが、このdataは変数的なもので考えていいでしょうか？
しかしそう考えるとconsole.log(data)では出力されないので違うのですよね・・・
jquery
$(function() { 'use strict'; $('#button').click(function() { var val = $("#date1").val(); $.post('sample.php', { data : val }, function() { console.log(val); }); }); });
(sample.php)
これでデータが来ているのかもよく分かっていません。console.log(val)では値の確認ができていたのでpostされたと思ってもいいのでしょうか？
php
<?php $date1 = $_POST["data"]; $date = date("Y年m月d日", strtotime($date1));
結果的にここで何をreturnしてhtmlにどのように出力すれば良いのでしょうか？
ご教授よろしくお願いいたします。
まだ回答がついていません
会員登録して回答してみよう
