0

私は ajax に少し慣れていませんが、私の JavaScript はぼろぼろではありません。これを理解するのに苦労しています。AJAX Get メソッドを使用して、別の URL にある JSON 文字列から HTML コードに値を追加しようとしています。

現在、これは私のコードです：

$.ajax({
dataType: "jsonp",
jsonp: 'callback',
cache: false,

url: "http://www.url.com/userInfo/currentUserInfo",
success: function(data) {
    $("#name").val("firstName");
    $("#avatar").val("userProfileImg");
    $("#notNum").val("numOfNotifications");
}
});

HTML 




 <div id="name"></div>
 <div id="avatar"></div>
 <div id="notNum"></div>

私は ajax スクリプトに何かが欠けていると確信しています..しかし、正直なところ、何がわからないのですか。誰か助けの手を貸してくれませんか？

ありがとう！

4

3 に答える 3

2

val()入力用です。したがって、ここで div 要素に.html()orを使用できます。.text()

ajax 呼び出しが成功ハンドラーに到達すると、意図した結果が得られるはずです。

    $("#name").html("firstName"); // or data["firstName"] ?
    $("#avatar").html("userProfileImg"); //or data["userProfileImg"]
    $("#notNum").html("numOfNotifications"); //or data["numOfNotifications"]

.html()

。文章（）

.val()

于 2013-05-31T02:47:49.043 に答える
0

1行で数千のデータを処理できます。

これを使って。あなたのjsonデータを

{"name":"raja","age":20,"register_no":"19283KSR"}

コンポーネントID名を次のように保ちます

1.cmp_name 2.cmp_age 3.cmp_register_no

あなたのajaxの成功でこれを行います

for (var index in data){
if ($("#cmp_"+index).length != 0) 
    $("#cmp_"+index).html(data[index]);
}

JSON を検証するには、JSONLintを参照してください

于 2013-05-31T06:41:28.870 に答える