###前提・実現したいこと
vagrant(CentOS 6.8)
nginx
php ver.7
mysql 5.6
jquery Ajax
を使って、Webクイズアプリを作成したいと思っています。
###発生している問題・エラーメッセージ
Google Hosted Librariesから、jQuery2.x系のスクリプトをコピーし、ソースに張り付け、Jqueryのコードを作成したのですが、動作しません。
Failed to load resource: the server responded with a status of 404 (Not Found) _answer.php
###ソースコード
lang
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>Quiz</title> 6 <link rel="stylesheet" href="styles.css"> 7</head> 8<body> 9 <div id="container"> 10 <h1></h1> 11 <ul> 12 <li class="answer">○</li> 13 <li class="answer">×</li> 14 </ul> 15 <div id="btn" class="disabled">Next Question</div> 16 </div> 17 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 18 <script src="quiz.js"></script> 19</body> 20</html> 21
lang
1<?php 2 3require_once(__DIR__ . '/config.php'); 4require_once(__DIR__ . '/Quiz.php'); 5 6$quiz = new MyApp\Quiz(); 7$correctAnswer = $quiz->checkAnswer(); 8 9header('Content-Type: application/json; charset=UTF-8'); 10echo json_encode([ 11 'correct_answer' => $correctAnswer 12]);
lang
1$(function() { 2 'use strict'; 3 4 $('.answer').on('click', function() { 5 var answer = null; 6 var $selected = $(this); 7 if('â—‹' == $selected.text()){ 8 answer = 0; 9 }else { 10 answer = 1; 11 } 12 13 $.post('/_answer.php', { 14 15 }).done(function(res) { 16 alert(res.correct_answer); 17 }); 18 }); 19 20}); 21
###試したこと
WebサーバーのApache nginxで試しても動作しませんでした。
phpのビルドインサーバーなら動作しました。
###補足情報(言語/FW/ツール等のバージョンなど)
Apache, nginx ともにphpの基本動作は確認できています。
解決方法をよろしくお願いいたします。
あなたの回答
tips
プレビュー