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

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

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

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

JavaScript

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

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

Smarty

Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

1回答

1385閲覧

Smartyでfetchで非同期通信時の返り値を受け取るときにエラーがでる。

jagaimo300

総合スコア20

PHP

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

JavaScript

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

非同期処理

非同期処理とは一部のコードを別々のスレッドで実行させる手法です。アプリケーションのパフォーマンスを向上させる目的でこの手法を用います。

Smarty

Smartyは、PHPアプリケーションで使用されるテンプレートエンジンです。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

0クリップ

投稿2021/05/19 10:46

編集2022/01/12 10:55

#前提
・Smartyのプロジェクトにアサイン3日目 ※経験・知見共に浅くご容赦ください。
・某求人広告サイト 〇んでぃーどさんのように保存機能を作成中(〇んでぃーどはさんはlocalStorage使用 だが筆者は今回Cookieに保存。この記事はその前の段階の非同期通信のお話です。)
・fetchでサーバー側に値をPOSTし私JSON形式のデータを受け取りたい

#使用環境・技術
・Windows10
・サーバー カゴヤジャパン×Cloudflare

・Smarty2.6.18
・PHP 5.6.34
・JavaScript(Pure JS)

#起きていること及び考察

エラー内容

error

1SyntaxError: Unexpected token < in JSON at position 0

このエラーはPHP側のタイポor構文エラーもしくはJSが見つからないのパターンが多かったのだが
JSはHTMLに直書きのためPHP側の問題ではないかと筆者は推測していた。

POST時Dev toolでNetworkを確認
ネットワーク
・200番が表示されている。

・サーバーがCloudflareであることが分かる→試しにxserver(生PHP 7.4 Apache)で試したら今回の要件はうまくいった。
・そもそも生PHPがSmartyのプロジェクトで動かないのでは そう思いググるも最適解に出会えず。

#該当するコード

html

1 <a href="javascript:add_keep('1234')">キープする。</a> 2 3{literal} 4 <script> 5 function add_keep(id){ 6 fetch("get_keep.php",{ 7 method:"POST", 8 headers: { 9 "Content-Type": "application/json" 10 }, 11 body: JSON.stringify({ 12 "keep_id": id 13 }) 14   }) 15    .then(function(response) { 16 console.log("status=" + response.status); //status=200 17 return response.json(); 18 }) 19 .then(function(data) { //返ってきたJSONを出力 20 console.log(JSON.stringify(data)); // 21 }) 22 .catch(function(err) { //失敗時にエラーを出力 23 console.log("err=" + err); 24 }); 25 } 26 </script> 27{/literal}

PHP

1<?php 2 header("Content-type: application/json; charset=shift_jis"); 3 4 $keep_id = $_POST['keep_id']; 5 $res = array("res_id" => $keep_id ); 6 7 echo json_encode($res); 8 exit;

何卒宜しくお願い致します。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/05/19 11:12 編集

>プロジェクトにアサイン リーダーか先輩に聞いてください。 業務に利用しているコードを提示してるならそれはそれで大問題です。
jagaimo300

2021/05/20 03:19

承知しました。ありがとうございます。
guest

回答1

0

fetchでpostするならformdataをbodyに指定してあげると楽です

投稿2021/05/20 01:43

yambejp

総合スコア114581

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

jagaimo300

2021/05/20 03:19

ありがとうございます。formdataのパターンも試してみます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問