私がやろうとしているのは、ユーザーが送信をクリックせずに入力した入力要素からオブジェクトを構築することだけです。ホストページで $_POST 配列を正しく取得していないことを除いて、これらの関数は仕事をするはずです:
私は、単純な json オブジェクトを作成して文字列化してから、「json」データ型として ajax できると考え始めました。それはうまくいきませんでした。「予期しない文字..」というパーサー エラーが発生し続けました。外部パーサーを使用して生成されたオブジェクトをチェックしましたが、毎回有効でした。そこで、シリアライゼーションを変更して、以下に示すように jquery.param オブジェクトを作成しました。
console.log の出力は次のようになります。
[ [{ hostname: 'myhostname'}, {userdb1:'mydbname'}, {adminname:'guest'}, {adminpassword:'abc123'}, {username:'muuser'}, {password:'myuser'} ]
ホストの var_dump[$_POST] は次のとおりです。
Array ( [0] => [ [1] => { [2] => [3] => h [4] => o [5] => s [6] => t [7] => n [8] => a [9] => m [10] => e [11] => : [12] => [13] => ' [14] => m [15] => y [16] => h [17] => o [18] => s [19] => t [20] => n [21] => a [22] => m [23] => e [24] => ' [25] => } [26] => , [27] => [28] => { [29] => u [30] => s [31] => e [32] => r [33] => d [34] => b [35] => 1 [36] => : [37] => ' [38] => m [39] => y [40] => d [41] => b [42] => n [43] => a [44] => m [45] => e [46] => ' [47] => } [48] => , [49] => [50] => { [51] => a [52] => d [53] => m [54] => i [55] => n [56] => n [57] => a [58] => m [59] => e [60] => : [61] => ' [62] => g [63] => u [64] => e [65] => s [66] => t [67] => ' [68] => } [69] => , [70] => [71] => { [72] => a [73] => d [74] => m [75] => i [76] => n [77] => p [78] => a [79] => s [80] => s [81] => w [82] => o [83] => r [84] => d [85] => : [86] => ' [87] => a [88] => b [89] => c [90] => 1 [91] => 2 [92] => 3 [93] => ' [94] => } [95] => , [96] => [97] => { [98] => u [99] => s [100] => e [101] => r [102] => n [103] => a [104] => m [105] => e [106] => : [107] => ' [108] => m [109] => u [110] => u [111] => s [112] => e [113] => r [114] => ' [115] => } [116] => , [117] => [118] => { [119] => p [120] => a [121] => s [122] => s [123] => w [124] => o [125] => r [126] => d [127] => : [128] => ' [129] => m [130] => y [131] => u [132] => s [133] => e [134] => r [135] => ' [136] => } [137] => [138] => ] )
ここで何が起こっているのか。これらのキー/値の単純なユーザー作成オブジェクトの $_POST 配列を、フォームのシリアル化なしで取得する必要があります!
ここに関数があります
function savePageInputs(idtags,targetOutId)
{
var method = 'post';
var phpscript = 'savedata.php';
var data = new Array();
for(var i=0;i<idtags.length;i++)
{
tag = idtags[i];
data[i] = $(\"#\"+tag).val(); //get their values
}
jsonData = makeJsonData(idtags,data); //make JSON object
shipJsonToHost(jsonData, phpscript, method, targetOutId);
}
function makeJsonData(idtags,values)
{
tag = idtags[0];
val = values[0];
jsonData = '[{ '+ tag +': '+'\''+val+'\'}' ;
for(var i=1;i<idtags.length;i++)
{
tag = idtags[i];
val = valueList[i];
jsonData += ', {' + tag+':'+ '\''+val+'\'}' ;
}
jsonData += ' ]' ;
return jsonData;
}
function shipJsonToHost(jsonData, phpscript, method, targetOutId)
{
jQuery.ajaxSettings.traditional = true;
var outputTo = $(\"#\"+targetOutId);
outputTo.append('<center>Processing...<br/> <img src=\"images/loading.gif\" height=50 width=50></center>');
$.ajax
(
{
data: $.param(jsonData) ,
type: method,
dataType: 'text',
url: phpscript,
success: function(response)
{
outputTo.empty();
outputTo.append(response);
},
error: function(request, errorType, errorThrown)
{
outputTo.html('Error: '+errorType+ ' '+errorThrown);
}
}
);
}