首頁  >  文章  >  web前端  >  jquery利用ajax呼叫後台方法實例_jquery

jquery利用ajax呼叫後台方法實例_jquery

WBOY
WBOY原創
2016-05-16 17:24:38856瀏覽

複製程式碼 程式碼如下:

語法:
$(>

語法:
$(unction(){    var callback = function(r){  //r表示後台資料回傳的資料.
    }
    $.get("",callback); ;

這樣就可以得到後台方法得到的資料顯示在html前端了.


以下是工作中寫的一段js和後台方法:


js:

程式碼如下:


$(function(){


$(function(){
    var callback = function (r) {        var data = "
    "

            var data2 = "

    優惠名單
    ";
            for (var i = 0; i             data = ("
  • " r[i].CustomerName "申請試用成功取得購買年服務年費9折扣,恭喜!
  • ");

            }
               }
               }
            
            for ( var i = 0; i             if (i % 2 == 0) {    🎜> }

                t_data2 = "

    " (i 1) "." r - 1length - ir.length] .CustomerName "
    ";
            }

            $("#01_list").html(data2 (t_data2.length > 0 ? t_data2.substr(6, t_data2.length - 6) : "") "
");
🎜>    $.get("/activity/trycompany", callback);});

後台程式碼(mvc4):

複製程式碼
程式碼如下:


public ActionResult Tryany(>
public ActionResult Tryany(>


string CustomerType = Res.CustomerType.TestCustomer.ToString();
            IList vlist = o_Res.GetHtmlCustomers(1, 100, out.
            var list = vlist.ToList().ConvertAll(s =>
          omerName, time = s.AddDate.HasValue ? s.AddDate.Value.ToString("MM- dd HH:mm") : "" };
            });
           🎜>

後台得到一個list,jq調用,遍歷,然後顯示在前端.
一個很簡單的例子,肯定還有更簡單的辦法,等以後來挖掘.

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn