源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery利用ajax调用后台方法实例

  • 时间:2022-04-01 03:04 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery利用ajax调用后台方法实例
[u]复制代码[/u] 代码如下:
语法: $(function(){     var callback = function(r){  //r表示后台数据返回的数据.     }     $.get("",callback);   //引号里面写方法的路径 });
这样就可以得到后台方法得到的数据显示在html前端了. 以下是工作中写的一段js和后台方法: js:
[u]复制代码[/u] 代码如下:
$(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/关闭icon.png' class='closeImg ml_fix_png' /></span>优惠名单</div>";         for (var i = 0; i < r.length; i++) {             data += ("<li><label>" + r[i].time + "</label><span>" + r[i].CustomerName + "</span>申请试用成功获得购买年服务年费9折优惠,恭喜!</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); });
后台代码(mvc4):
[u]复制代码[/u] 代码如下:
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);         }
后台得到一个list,jq调用,遍历,然后显示在前端. 一个很简单的例子,肯定还有更简单的办法,等以后来挖掘.
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部