jqueryでテキストボックスの値を取得して、PHPに値を渡したいです。

Question

質問を見て下さりありがとうございます。

HTMLのテキストボックスの値をjqueryで取得して、「ajax」でPHPに値を渡そうと試みているのですが、上手くいきません。
一日中考えたのですが、どうも値が上手くわたりません。

以下のソースコードは一部抜粋です。
以下のソースコードはすべて一つのファイルに書かれておりajaxのURLのパスもあってます。
どうしてもわかりませんので、アドバイス下さい。
よろしくお願い致します。

**HTMLファイル**
<input type="text" id="test01">

function test01(){
    data = $("#test01").val();
    $.ajax({
        type: 'POST',
        url: 'http:xxxxxxx'
        data: data,
        success: function(response){
            console.log(response);
        },
        error: function(response){
            console.log(response);
        });
}

<?php
$data = $_POST;
var_dump($data);

Answer 1

dataの作成方法が誤っています。質問文の方法だと何も送信されません。
そもそも$dataとdataは別物の変数です。

一番手っ取り早いのはformオブジェクトをjqueryで取得し、serializeすることです。

例えばformのidがtestformだったとして、

    function test01(){
        $.ajax({
            type: 'POST'
            ,url: 'xxxxx.php'
            ,datatype: 'html'
            ,data: $("#testform").serialize()
        }).done(function(data){console.log(data)})
    });

などとするとformの内容が全て送信されます。

Comments

[退会済みユーザー]

それと、PHPで受け取る際はどうすればよいですか？
また、formの特定の値だけほしい場合もソースコードなど教えていただきたいです。

[hope_mucci]

上のコードでvar_dumpすれば受け取れているのはわかります。試してみてください。
個別の値はPHP側で取捨選択すればよいではないですか。まずは丸ごと取れることを確認してみて。

[m.ts10806]

＞PHPで受け取る際はどうすればよいですか？
普通にform送信したときと同じですよ。$_POSTはkey=value形式の連想配列です。

[退会済みユーザー]

ちなみにajaxの中の「$("#testform").serialize()」formをシリアライズしてますけど、個別のテキストボックス等ID指定してもいけますか？

[退会済みユーザー]

それと、PHPに値を渡した後に加工してjqueryに渡すこととかできるでしょうか？

[hope_mucci]

>個別のテキストボックス等ID指定してもいけますか？
できます。formの例と同じようにID指定で取得するのが簡単です。

[hope_mucci]

> それと、PHPに値を渡した後に加工してjqueryに渡すこととかできるでしょうか？
できます。回答のコードを一度でも動かしてみればvar_dumpがconsoleに出力されているのがわかるかと。

[退会済みユーザー]

いま試してみたのですが、教えて頂いたコードを試してプログラムを作成したのですが、var_dump()で出力しようとするのですが、値がNULLになります。
全て同じファイルに記載しており、PHPファイルの上部に以下のコードを記載しています。

$a = $_POST;
echo '<pre>';
var_dump($a);
echo '</pre>';

[退会済みユーザー]

ブラウザ検証のコンソール自体には値がでています。

[退会済みユーザー]

ブラウザ検証のコンソール別の値かもしれません。
申し訳ありません。

Answer 2

urlにhttp始まりのurlを入れているのですよね？
CORSの問題では？開発ツールでエラー状況を確認してください