JqueryでJsonのデータを受け取るときの処理
受付中
回答 2
投稿
- 評価
- クリップ 0
- VIEW 1,139
Array
(
[0] => Array
(
[date] => 2014年07月01日
[message] => 時間が入力されていません
)
[1] => Array
(
[date] => 2014年07月02日
[message] => 時間が入力されていません
)
[2] => Array
(
[date] => 2014年07月03日
[message] => 時間が入力されていません
)
[3] => Array
(
[date] => 2014年07月04日
[message] => 時間が入力されていません
)
)
というデータをJsonにしてデータ渡しをします。
受け取った側での処理が分かりません。
$(function(){
//エラーを表示
$('#btn_wt_errors').click(function(){
$.ajax({
type: "POST",
url: "/emp/EU026",
dataType: "json",
cache: false,
success: function(data, status){
$('#Modal_Wt_Table').modal();
$('#wt_error_list').empty();
$("#wt_error_list").append('<tr><th>日付</th><th style="text-align:left">内容</th></tr>');
var j = 0;
jQuery.each(data, function(i, val) {
alert(data[i].val);
// alert(data[i]);
// $.each(data,function(i) {$('#dep').append($('<option>').attr({ value: i }).text(data[i]));
// $('#wt_error_list').append('<tr><td>' + i + '</td><td style="text-align:left"><a class="str" href="#">' + data[i] + '</a></td></tr>');
j++;
});
if(j > 0){
$('#wt_error_list_no').modal();
}
var options = {
currPage : 1, //最初に表示するページ
optionsForRows : [1,5,10], //表示する行数
rowsPerPage : 20, //デフォルト表示行数
firstArrow : (new Image()).src="/images/first.gif",
prevArrow : (new Image()).src="/images/prev.gif",
lastArrow : (new Image()).src="/images/last.gif",
nextArrow : (new Image()).src="/images/next.gif",
}
$('#wt_error_list').tablePagination(options);
},
error: function(XMLHttpRequest, status, errorThrown){
alert("エラーが発生しました!");
}
});
});
});
eachの部分の処理の仕方を教えてください。
宜しくお願いいたします。
-
気になる質問をクリップする
クリップした質問は、後からいつでもマイページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
クリップを取り消します
-
良い質問の評価を上げる
以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します
-
評価を下げられる数の上限に達しました
評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる
teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します
この機能は開放されていません
評価を下げる条件を満たしてません
質問の評価を下げる機能の利用条件
この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
-
メールアドレスの認証
メールアドレスの認証
-
質問評価に関するヘルプページの閲覧
質問評価に関するヘルプページの閲覧
0
$('#wt_error_list').append('<tr><td>' + val.date + '</td><td>' + val.message + '</td></tr>');
で取得できました
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
0
each()で繰り返してJsonデータを取得する場合、eval()を利用して、Json対象に変換します。
また、eachのcallback関数のパラメータ2を利用、メンバーの値を取得できますね。
下記の例を参考してください。
var arr = '[{ data: "20160404", message: "OK_4" }, { data: "20160405", message: "OK_5" }, { data: "20160406", message: "OK_6" }, { data: "20160407", message: "OK_7" }]';
$.each(eval("(" + arr + ")"), function (i, obj) {
alert(obj.data);
});
出力内容は、
20160404
20160405
20160406
20160407
投稿
-
回答の評価を上げる
以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
-
回答の評価を下げる
下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。
15分調べてもわからないことは、teratailで質問しよう!
- ただいまの回答率 88.33%
- 質問をまとめることで、思考を整理して素早く解決
- テンプレート機能で、簡単に質問をまとめられる