html,js,phpどれも初心者です
javascriptでjson(obj?)の処理をしてから、それをjsonファイルとしてサーバ上に書き出すことが目的ですが、
jsではjsonの書き出しはできないようなので、書き出しの部分だけphpに投げたいと思っています。
その前に、phpにデータを渡して帰ってきたデータを取得するプログラムを書きたいのですがうまくいきません
index.html
html
1<html> 2 <head> 3 hello world 4 <script src="test.js"></script> 5 </head> 6 <body> 7 <input type="button" value="load" onclick="loadJson();"> 8 <input type="button" value="output" onclick="printJson();"> 9 <div id="area">before</div> 10 </body> 11</html>
test.js
js
1//サーバのアドレス 2var baseUrl = "http://xxxxxxxx.jp"; 3 4var getJson; 5 6function loadJson(){ 7 var req = new XMLHttpRequest(); 8 req.onreadystatechange = function() { 9 if(req.readyState == 4 && req.status == 200){ 10 getJson = JSON.parse(req.responseText); 11 for(var i=0;i<getJson.length;i++){ 12 alert("time: "+getJson[i].time); 13 alert(getJson[i].usr+" says <"+getJson[i].comment+"> when "+getJson[i].time+".") 14 } 15 } 16 }; 17 req.open("GET", baseUrl+"/timelog.json", false); // HTTPメソッドとアクセスするサーバーの URL を指定 18 req.send(); 19} 20 21function printJson(){ 22 var req= new XMLHttpRequest(); 23 req.onreadystatechange = function(){ 24 if(req.readyState ==4 && req.status==200){ 25 alert("success"); 26 document.getElementById( "area" ).innerText = req.responseText; 27} 28 } 29 } 30 req.open("POST",baseUrl+"/api.php",true); 31 req.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded' ); 32 req.send("data=sendString"); 33} 34
api.php
php
1<?php 2 print $_POST["data"]; 3?>
printJson()を実行するとsuccessというアラートは実行されるのですが、htmlのbeforeの部分はphpのコードになってしまいます(<?php〜 から始まるコード)
beforeがsendStringになるようにしたいです
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/09/07 12:42