jquery利用ajax調(diào)用后臺(tái)方法實(shí)例
語(yǔ)法:
$(function(){
var callback = function(r){ //r表示后臺(tái)數(shù)據(jù)返回的數(shù)據(jù).
}
$.get("",callback); //引號(hào)里面寫(xiě)方法的路徑
});
這樣就可以得到后臺(tái)方法得到的數(shù)據(jù)顯示在html前端了.
以下是工作中寫(xiě)的一段js和后臺(tái)方法:
js:
$(function(){
var callback = function (r) {
var data = "<marquee width='853;' height='250px;' scrollamount='2' scrolldelay='4' direction='up' behavior='loop' onmouseout='this.start()' onmouseover='this.stop()'><ul>"
var data2 = "<div class='marquee_div'><span onclick='closeList()'><img src='Images/關(guān)閉icon.png' class='closeImg ml_fix_png' /></span>優(yōu)惠名單</div>";
for (var i = 0; i < r.length; i++) {
data += ("<li><label>" + r[i].time + "</label><span>" + r[i].CustomerName + "</span>申請(qǐng)?jiān)囉贸晒Λ@得購(gòu)買(mǎi)年服務(wù)年費(fèi)9折優(yōu)惠,恭喜!</li>");
}
data += "</marquee></ul>";
$("#01_companys").html(data);
var t_data2 = "";
for (var i = 0; i < r.length; i++) {
if (i % 2 == 0) {
t_data2 += "</div><div class='listTitle'>";
}
t_data2 += "<div style='width:49%; height:40px; line-height:40px; float:left'>" + (i + 1) + "." + r[r.length - i - 1].CustomerName + "</div>";
}
$("#01_list").html(data2 + (t_data2.length > 0 ? t_data2.substr(6, t_data2.length - 6) : "") + "</div>");
}
$.get("/activity/trycompany", callback);
});
后臺(tái)代碼(mvc4):
public ActionResult TryCompany()
{
string CustomerType = Res.CustomerType.TestCustomer.ToString();
IList<Customers> vlist = o_Res.GetHtmlCustomers(1, 100, out pCount, (a => a.CustomerType == CustomerType));
var list = vlist.ToList().ConvertAll(s =>
{
return new { s.CustomerName, time = s.AddDate.HasValue ? s.AddDate.Value.ToString("MM-dd HH:mm") : "" };
});
return Json(list, JsonRequestBehavior.AllowGet);
}
后臺(tái)得到一個(gè)list,jq調(diào)用,遍歷,然后顯示在前端.
一個(gè)很簡(jiǎn)單的例子,肯定還有更簡(jiǎn)單的辦法,等以后來(lái)挖掘.
- Jquery Ajax學(xué)習(xí)實(shí)例3 向WebService發(fā)出請(qǐng)求，調(diào)用方法返回?cái)?shù)據(jù)
- jQuery Ajax方法調(diào)用 Asp.Net WebService 的詳細(xì)實(shí)例代碼
- jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法和web服務(wù)定義的方法分享
- 前臺(tái)JS(jquery ajax)調(diào)用后臺(tái)方法實(shí)現(xiàn)無(wú)刷新級(jí)聯(lián)菜單示例
- jQuery調(diào)用AJAX時(shí)Get和post公用的亂碼解決方法實(shí)例說(shuō)明
- 使用jquery 的ajax調(diào)用總是錯(cuò)誤親測(cè)的解決方法
- 淺析jquery ajax異步調(diào)用方法中不能給全局變量賦值的原因及解決方法
- jquery.Ajax()方法調(diào)用Asp.Net后臺(tái)的方法解析
- jquery中的ajax方法怎樣通過(guò)JSONP進(jìn)行遠(yuǎn)程調(diào)用
- jQuery AJAX實(shí)現(xiàn)調(diào)用頁(yè)面后臺(tái)方法
相關(guān)文章
JQuery特殊效果和鏈?zhǔn)秸{(diào)用操作示例
這篇文章主要介紹了JQuery特殊效果和鏈?zhǔn)秸{(diào)用操作,結(jié)合實(shí)例形式分析總結(jié)了jQuery各種常見(jiàn)顯示效果與所使用的函數(shù),以及鏈?zhǔn)秸{(diào)用顯示層級(jí)菜單功能相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
jquery簡(jiǎn)單實(shí)現(xiàn)帶漸顯效果的選項(xiàng)卡菜單代碼
這篇文章主要介紹了jquery簡(jiǎn)單實(shí)現(xiàn)帶漸顯效果的選項(xiàng)卡菜單代碼,可實(shí)現(xiàn)tab選項(xiàng)卡切換過(guò)程中帶有漸顯效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jQuery關(guān)鍵詞說(shuō)明插件cluetip使用指南
我們?cè)谧鰓eb項(xiàng)目的時(shí)候，經(jīng)常會(huì)使用到提示效果。html自帶的提示效果是label標(biāo)簽的title，但是這個(gè)效果過(guò)于簡(jiǎn)單和難看，并且不方便調(diào)整樣式。今天我偶然發(fā)現(xiàn)個(gè)jQuery的插件，可以很方便的做出漂亮的提示效果。2015-04-04
jquery 全選、全不選、反選效果的實(shí)現(xiàn)代碼【推薦】
下面小編就為大家?guī)?lái)一篇jquery 全選、全不選、反選效果的實(shí)現(xiàn)代碼【推薦】。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
這篇文章主要介紹了jquery圖片切換的方法,實(shí)例分析了jQuery實(shí)現(xiàn)頁(yè)面元素與相應(yīng)樣式切換效果的使用相關(guān)技巧,設(shè)計(jì)jQuery中hide、fadeIn、css、setInterval等方法的使用,需要的朋友可以參考下2015-04-04
jQuery實(shí)現(xiàn)分章節(jié)錨點(diǎn)“回到頂部”動(dòng)畫(huà)特效代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)分章節(jié)錨點(diǎn)“回到頂部”動(dòng)畫(huà)特效代碼,涉及jQuery響應(yīng)鼠標(biāo)事件結(jié)合scroll實(shí)現(xiàn)頁(yè)面滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
本文將介紹如何使用npm安裝和使用jQuery,幫助讀者解決相關(guān)問(wèn)題,并提供示例代碼,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
這篇文章主要介紹了jquery高級(jí)編程的最佳實(shí)踐詳解,學(xué)習(xí)JQ的朋友一定需要這個(gè)，參考下吧2014-03-03
jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery注冊(cè)文本框獲取焦點(diǎn)清空,失去焦點(diǎn)賦值的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
jQuery實(shí)現(xiàn)的圖片輪播效果完整示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的圖片輪播效果,結(jié)合完整實(shí)例形式分析了jQuery結(jié)合時(shí)間函數(shù)動(dòng)態(tài)改變頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-09-09