質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.02%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

受付中

BMIに関連する体重の計算を行うphpプログラムの間違えている点やアドバイスが欲しい

shodaii
and

総合スコア0

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

3回答

0グッド

2クリップ

606閲覧

投稿2022/11/27 06:52

編集2022/11/27 10:30

前提

BMIに関連する体重の計算を行うphpプログラムの間違えている点やアドバイスが欲しいです。

実現したいこと

・getJSON()メソッドで通信する
・サーバ側で計算結果をJSON形式でブラウザに返す
・BMIに関する体重の計算を、サーバ側のphpプログラムで行い、JavascriptでWebブラウザ上で計算して はいけない。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

php

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width,initial-scale=1.0"> 6<title>体重</title> 7<link href="./style.css" rel="stylesheet"> 8<script src="./jquery-3.6.1.min.js"></script> 9<script> 10 $(function(){ 11// jQueryを使用して、計算ボタンがクリックされたら処理を行ないます。 12 $("#calc").on("click",function(){ 13 $.getJSON("bmi.php",{height:$("#height").val()}, 14 function(data){ 15 16 // 行のオブジェクトを生成します。 17 var tr = $("<tr>"); 18 19// 列のオブジェクトを生成して行に追加します。 20 var td_low = $("#bmi-result").html(data.low); 21 tr.append(td_low); 22 23 var td_mid = $("#bmi-result").html(data.mid); 24 tr.append(td_mid); 25 26 var td_hi = $("#bmi-result").html(data.hi); 27 tr.append(td_hi); 28 29// 行のオブジェクトをテーブルに追加します。 30 $("#listbox").append(tr); 31 32 }); 33 }); 34 }); 35</script> 36</head> 37 38<body> 39<div id="bmi-result"> 40<p>身長(m): 41<input type="text" value="" id="height" name="height"> 42<input type="button" value="計算" id="calc"></p> 43<table id="listbox"> 44<tr> 45<th>低体重(kg)</th> 46<th>標準体重(kg)</th> 47<th>肥満(kg)</th> 48</tr> 49</table> 50</form> 51</div> 52</body> 53</html> 54 55 56```2つ目のプログラム 57<?php 58if (! isset($_SERVER['HTTP_X_REQUESTED_WITH']) || 59 $_SERVER['HTTP_X_REQUESTED_WITH'] !== 'XMLHttpRequest') { 60 die(json_encode(array('status' => "Illegal Call 不正な呼び出しです"))); 61} 62 63 64$value = array( 65 1 => array('low'=>height*height*18.5), 66 2 => array('mid'=>height*height*22), 67 3 => array('hi'=>height*height*25.0) 68); 69 70header("Content-Type: application/json; charset=UTF-8"); 71header("X-Content-Type-Options: nosniff"); 72 73echo json_encode( 74 $value, 75 JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP 76); 77 78 79

試したこと

実行して計算ボタンを押しても何も動作が行われない。

補足情報(FW/ツールのバージョンなど)

ここにより詳細な情報を記載してください。

以下のような質問にはグッドを送りましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

グッドが多くついた質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

2022/11/27 08:15依頼された後にこの質問は修正されています

こちらの質問が複数のユーザーから「やってほしいことだけを記載した丸投げの質問」という指摘を受けました。

回答3

2

全体を見て「動く」「動かない」だけではなく、どこまで動作しているかを確認しましょう。

ブラウザの検証ツールでネットワークタブを開けば、JavaScriptから行ったリクエストも表示されますので、「正しいリクエストが行われているか」「それに対して正しいレスポンスが行われているか」は一発で確認できます。

投稿2022/11/27 07:27

maisumakun

総合スコア141482

javahack, BeatStar👍を押しています

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

回答へのコメント

popori

2022/12/22 05:03

別にあなたが確認してもいいと思いますよ?めんどくさいなら回答にせず指摘しましょう スコア稼ぎのコジキと捉えかねられませんよ
maisumakun

2022/12/23 02:18

質問が「アドバイスが欲しいです。」である以上、このような回答も求められているものと判断します。

1

コードを見た感じでしかないですが、PHP側、定義されてない定数(変数ではなく定数)がいきなり使われています。
まずはPHPだけで実行してみては如何でしょう。
リクエストパラメータを受け取っている様子もないので、PHP側の実装不足と、単体での確認不足が見受けられます。

投稿2022/11/27 21:04

m.ts10806

総合スコア80030

spoofy_dragon👍を押しています

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

2022/12/22 05:02

こちらの回答が他のユーザーから「説明が不足している回答」という指摘を受けました。

0

PHPを使う必要がないです。JavaScriptだけで作れますの

投稿2022/11/27 13:33

unti

総合スコア72

良いと思った回答にはグッドを送りましょう。
グッドが多くついた回答ほどページの上位に表示されるので、他の人が素晴らしい回答を見つけやすくなります。

下記のような回答は推奨されていません。

  • 間違っている回答
  • 質問の回答になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

このような回答には修正を依頼しましょう。

2022/11/28 17:08

こちらの回答が複数のユーザーから「質問に対する回答となっていない投稿」という指摘を受けました。

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.02%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。