ホームページ >ウェブフロントエンド >jsチュートリアル >struts2 jquery jsonでデータの非同期ロードを実装(自作)_jquery

struts2 jquery jsonでデータの非同期ロードを実装(自作)_jquery

WBOY
WBOYオリジナル
2016-05-16 17:31:22870ブラウズ
コードをコピーします コードは次のとおりです:

//ページが最初に読み込まれるとき
$(document).ready (function(){
//単一の値を取得するボタンのマウス クリック イベントを登録します
$("#getMessage").click(function(){
$ .getJSON("ceshi",function (data){
//アクション内のメッセージの値は、. 演算子
$("#message1").html("<) を通じて data.message から取得できます。 ;font color='red'>" data.message "");
});
});

// 式データをサーバーに送信します
$("#getabc").click( function(){
//フォーム データをシリアル化します
var params = $("form").serialize();
//$.ajax を使用します({}) jQuery のメソッド
$.ajax({
url:"ceshi",
type:"POST",
data:params,
dataType:"json" ,
success:function (data){
//取得したデータを表示レイヤーに追加
//data.userInfo.propertyを使用してオブジェクトのデータを取得
$("#message2" ).append("
" data.message "
")
},
error:function(){
$("#message2" ).append("
" "情報が正しくありません" "
")
}
});
});


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。