【jQuery】Ajaxをの記述方法

Question

//きちんと値が返ってくる
$(function() {
  function Sample() {
    return $.post('AjaxFriends.php', {
      hoge: 'hoge',
    });
  };
  $(document).on("click", "#btn", function() {
    Sample().done(function(result) {
      console.log(result);
    })
  })
})

//下記のエラーが出る
$(function() {
  $('#btn').on("click", function() {
    $.post({
      url: 'AjaxFriends.php',
      data: {
        'hoge': 'hoge'
      },
      dataType: 'json',
    }).done(function(result) {
      console.log(result);
    }).fail(function(XMLHttpRequest, textStatus, errorThrown) {
    })
  })
})

Ajaxの記述の仕方ですが、下の記述だと下記のエラーが出ます。
なぜでしょうか。

PHP側での処理は同じです。

<?php
    $ary_lists = [
                    "kyoto" => [
                                   "position" => "四条河原町駅",
                                   "ap_time" => "8:30",
                               ],
                    "osaka" => [
                                    "position" => "梅田駅",
                                    "ap_time" => "9:00",
                               ],
                    "kobe" => [
                                    "position" => "三宮駅",
                                    "ap_time" => "9:30",
                              ],
                 ];
    header('Content-Type: application/json');
    echo json_encode($ary_lists); //jsonオブジェクト化。必須。配列でない場合は、敢えてjson化する必要はない
    exit; //処理の

jquery.js:8630 POST http://localhost:8888/FRIENDS/[object%20Object] 404 (Not Found)

Comments

[m.ts10806]

過去にajaxの質問何度もしてませんでしたっけ

[退会済みユーザー]

コピペだからおぼえてないんだよ

[退会済みユーザー]

ドキュメントをよんでいればこの質問は出ません。

Answer 1

404 エラーということは、ブラウザからの要求はサーバーまで届いていて、指定された url のリソースをサーバーで探したが見つからないということです。

なので、一番可能性の高いのは、ソースコードに指定した url が間違っているということです。

url: 'AjaxFriends.php', と書いてありますが、エラーメッセージを見ると /FRIENDS/[object%20Object] ということで、実は違うのではないですか？

Answer 2

下は $.post じゃなくて $.ajax だと思います。

Comments

[退会済みユーザー]

jQuery の Documentation https://api.jquery.com/jQuery.post/ を見てください。jQuery.post( url [, data ] [, success ] [, dataType ] ) と jQuery.post( [settings ] ) の 2 つがあって、それぞれ質問者さんのコードの前者、後者のようです。間違ってはいないと思いますが？

[退会済みユーザー]

SurferOnWww

下の引数の書き方は $.ajax の書き方だといってるのでは?
回答として推察はできるが質問者の頭の程度（過去の質問）からみて理解はできないだろうな

[shun-K]

(すみません間違えて「回答」に書いてしまいまいた。
　削除リクエストを出していますので「回答」のほうの同文は無視してください)

SurferOnWww さん
ツッコミありがとうございます！
jQuery.post( [settings ] ) もあるんですね。知りませんでした。
ただ「version added: 1.12/2.2」なので、
質問者さんは1系の1.12未満か、2系の2.2未満を使ってるってオチが濃厚ですね。
（ちなみにAPIリファレンスのサイトはjquery-1.11.3.jsですね）

YutaNkaiさん
というわけで、読み込んでいるJQueryのバージョンを教えてください。