Ajax方式的Banner總結

2021-09-06 08:27:13 字數 2681 閱讀 5644

ajax方式的banner總結

首先ajax方式是基於jquery的ajax.

在需要廣告的地方放上顯示廣告的容器,一般是乙個div,然後在div的下方加上js的ajax請求伺服器,

在請求回來後,使用js在div展示輸出。

首先我們定義乙個ajaxbanner.ascx控制項:

<%@ control language="c#" autoeventwireup="false" codefile="ajaxbanner.ascx.cs" inherits="cn.newegg.web.usercontrols.common.ajaxbanner" %>

public partial class ajaxbanner : wwwusercontrolbase

set

}public int pageid

set

}public pagetype pagetype

set

}public bannerposition position

set

}public int channelid

set

}public string relativetags

set

}public bannercategory category

set

}public string userdefineclass

set

}public int support1280image

set

}public int maxcountbanner

set

}public void setajaxbanner(bannercategory bannercategory, channeltype ct, pagetype pt, int pageid, bannerposition positionid, string userdefineclass)

public void setajaxbanner(bannercategory bannercategory, channeltype ct, pagetype pt, int pageid, bannerposition positionid, string userdefineclass, int count)

protected override void binddatasource()

bannercontainer.text = "";}

}上面的div容器定義中需要js:

usingnamespace("biz.common")["ajaxbannerrequest"] = ;

$.ajax(,

success: function(data)

});},

proccessed: function(data, params)

$("#banner" + params).html(data);}}

在伺服器的ajax/common/ajaxbanner.aspx定義如下:

public partial class ajaxbanner : jsonpage

catch

string html = string.empty;

switch ((bannercategory)param.bannercategory)

string jsonpcallback = querystringvalues.jsonpcallback;

response.write(jsonpcallback + "();");

}///

/// 廣告型別:0

/// pageid:1

/// pagetype:2

/// 位置:3

/// 頻道:4

///

///

public string bindbannercell(ajaxbannerparam param)

\" width=\"\" height=\"\" alt=\"\"//>";

bannerinfo info = new bannerinfo();

if (param.channelid > 0)

info = commonmodel.getchannelbanner(param.pageid, param.pagetype, param.position, param.channelid);

else

info = commonmodel.getbanner(param.pageid, param.pagetype, param.position, param.relativetags);

if (info == null) return string.empty;

return string.format(result, info.bannerlink, info.bannertitle, info.bannerresourceurl, info.bannerwidth, info.bannerheight, info.bannertitle);

}///

/// 廣告型別:0

/// pageid:1

/// pagetype:2

/// 位置:3

/// relativetags:4

/// userdefineclass:5

/// support1280image:6

///

///

AJAX呼叫方式總結 2

長篇大論來講述什麼是ajax,怎麼使用ajax,這樣我總覺得太理論化了,接受起來會有一定的難度.所以,本篇部落格的另乙個主旨是 從例項入手,由淺到深。例項二 利用 get,post方法獲取當前時間 get 定義 get 方法通過遠端http get請求載入資訊 語法 selector get url...

AJAX呼叫方式總結 3

長篇大論來講述什麼是ajax,怎麼使用ajax,這樣我總覺得太理論化了,接受起來會有一定的難度.所以,本篇部落格的另乙個主旨是 從例項入手,由淺到深。例項三 使用 ajax實現獲取後台資料,後台返回資料格式為text,json,xml三種型別 ajax 定義 ajax 方法通過遠端http請求載入資...

Ajax請求方式

get請求一般應用於從伺服器中獲取資料,如果get請求想向伺服器傳遞內容,一般使用url後加問號的方式傳參。1.原生js寫ajax的get請求 步驟一 建立非同步物件 步驟二 設定請求的url引數,引數一是請求的型別,引數二是請求的url,可以帶引數,動態的傳遞引數starname到服務端 ajax...