###前提・実現したいこと
ajaxのresponse値をグローバル変数として宣言したいです。
目的はjavascriptの変数msgにresponseの値を入れて
下のscriptタグ内で表示するためです。
あんまり関係ないですがresponseの値は文字列が入っています。
###発生している問題・エラーメッセージ
でないです。
###該当のソースコード
<<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> <script type="text/javascript" src="js/main.js"></script> <script type="text/javascript"> msg=""; $(function(){ $('#add_product_frm').keyup(function(e){ var fd=new FormData($(this).get(0)); msg=""; $.ajax({ "url":"select.php", "data":fd, "type":"post", "processData": false, "contentType": false, }).done(function(response){ afterAjax(response); }); e.preventDefault(); function afterAjax(response){ msg=response; } }); }); </script> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="main"> <input type="radio" name="div_change" id="add_product_inp"><a>商品の追加</a> <div id="add_product_div"> <form id="add_product_frm" action="masta_add.php" method="post"> <input name="cate_serch_inp" id="cate_sercxch_inp" type="text" placeholder="商品の種類を選択" autocomplete="off" required><br> <script type="text/javascript"> console.log(msg); /*document.write("<select>"); for(i=0;i<sel.length;i++){ document.write("<option>"+sel[i]+"</option>"); } document.write("</select>");*/ </script> <input name="" placeholder="商品名を入力" autocomplete="off" required><input id="submit" type="submit" value="追加"> </form> </div> <br> <input type="radio" name="div_change" id="add_cateproduct_inp"><a>商品の種類追加</a> <div id="add_cateproduct_div"> <form action="masta_add.php" method="post"> <input type="text" placeholder="商品の種類を追加" autocomplete="off" required><input type="submit" value="追加"> </form> </div> <hr> <h1>取り扱い商品一覧</h1> <div id="table"> <?php echo $_SESSION['table'];?> </div> <div id="serch"> <form method="post" action="masta_add.php"> <h4>取り扱い商品検索</h4> <input type="checkbox" name="chk" id="chk"><a>商品名のみ検索</a><br> <input type="checkbox" name="chk" id="chk"><a>職行</a><br> <input type="text" placeholder="商品名" autocomplete="off" required> <input placeholder="商品コード" autocomplete="off" required> <input type="submit" name="" value="検索"> </form> </div> </div> </body> </html>
###試したこと
課題に対してアプローチしたことを記載してください
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
Ajax後にmsg値を確認したでしょうか?
回答1件
あなたの回答
tips
プレビュー