ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryはajaxを使用してバックグラウンドメソッドinstance_jqueryを呼び出します
jqueryはajaxを使用してバックグラウンドメソッドinstance_jqueryを呼び出します
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 17:24:38906ブラウズ
コードをコピー コードは次のとおりです。
構文:
$(function( ){
var callback = function(r){ //r はバックグラウンド データによって返されるデータを表します。
}
$.get("",callback); // メソッドのパスを書き込みます。引用符内
}) ;
このようにして、バックグラウンドメソッドで取得したデータをHTMLフロントエンドに表示することができます。
以下は、作業中に書かれた JS およびバックグラウンド メソッドです:
js:
コードをコピー コードは次のとおりです。
$(function( ){
var callback = function (r) {
var data = "<マーキー幅='853;' 高さ='250px;' スクロール量='2' スクロール遅延='4' 方向='上' Behavior=' ループ' onmouseout='this.start()' onmouseover='this.stop()'>
- "
- " r[i ].CustomerName "トライアルへの申し込みが成功し、年間サービス料金の 10% 割引を受けました。おめでとうございます! "); （var i = 0; i＆lt; r.length; i）{
var data2 = "
for (var i = 0; i
if（i％2 == 0）{
t_data2 = "＆lt;/div＆gt;＆lt; div class = 'listTitle'> ;";
r.length - i - 1].CustomerName "
}
$("#01_list").html(data2 (t_data2.length > 0 ? t_data2.substr(6, t_data2.length - 6) : "") "
}
$.get("/activity/trycompany", callback);
});
バックエンド コード (mvc4):
コードをコピー
コードは次のとおりです:public ActionResult TryCompany()文字列CustomerType = Res.CustomerType.TestCustomer.ToString(); IList vlist = o_Res.GetHtmlCustomers(1, 100, out pCount, (a => a.CustomerType == CustomerType));
var list = vlist.ToList().ConvertAll(s => -dd HH:mm") : "" };
});
return Json(list, JsonRequestBehavior.AllowGet) ); 呼び出し、トラバースし、フロントエンドに表示します。
非常に単純な例ですが、もっと簡単な方法があるはずです。後で詳しく説明します。
});
return Json(list, JsonRequestBehavior.AllowGet) ); 呼び出し、トラバースし、フロントエンドに表示します。
非常に単純な例ですが、もっと簡単な方法があるはずです。後で詳しく説明します。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。