$.ajaxでオブジェクト形式のデータをDB登録用phpファイルに渡したい

参考（http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html）を参考にして、
submitボタン押下時にオブジェクト化された変数をphpに渡しDB登録したいのですが、
うまくいきません。

$.ajax()を起動するボタン押下時→反応なし。
http://localhost/test/insert.php側→条件分岐は偽にしかならない。

どのようにすれば、php側でオブジェクト化された変数を取得or表示できるのか教えていただけると助かります。
php内に記述しているif文の条件がそもそも間違っているのでしょうか？

以下、自分で作っているソースです。
js

$('#submit button').click(function(event){
var testdata1 = "data1";
var testdata2 = "data2";
var testdata3 = "data3";

    var data = {
        'data1' : testdata1,
        'data2' : testdata2,
        'data3' : testdata3
    };

    $.ajax({
        url: 'http://localhost/test/insert.php',
        type: 'post',
        dataType: 'json',
        data: 'data',
        success: function(data, dataType){
            alert(data.text);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown){
            alert('Error : ' + errorThrown);
        };
    });
    return false;

});

php

<?php header("Content-type: text/plain; charset=UTF-8"); if (isset($_POST['data1'])){ echo "OK"; }else{ echo "NO"; }; ?>

行動規範の内容に同意します

回答1件

ベストアンサー

dataに渡しているものがただの文字列になっています。「'」を外しましょう。

javascript
1$('#submit button').click(function(event){ 
2        var testdata1 = "data1"; 
3        var testdata2 = "data2"; 
4        var testdata3 = "data3";
5
6        var data = { 
7            'data1' : testdata1, 
8            'data2' : testdata2, 
9            'data3' : testdata3 
10        };
11
12        $.ajax({ 
13            url: 'http://localhost/test/insert.php', 
14            type: 'post', 
15            dataType: 'json', 
16            data: data,   // <- ここが文字列になっていたので「'」を外した
17            success: function(data, dataType){ 
18                alert(data.text); 
19            }, 
20            error: function(XMLHttpRequest, textStatus, errorThrown){ 
21                alert('Error : ' + errorThrown); 
22            }; 
23        }); 
24        return false; 
25});