簡單介紹下它的用法:
一.AjaxPro的使用
1.在項目中添加引用,瀏覽找到AjaxPro.2.dll文件
2.在Web.config中的system.web裏面寫入以下代碼
</configuration>
<system.web>
<httpHandlers>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
</system.web>
<//configuration>
3.在加載事件中,加入
AjaxPro.Utility.RegisterTypeForAjax(typeof(類名));
4.寫的方法都要用
[AjaxPro.AjaxMethod]開頭,然後在寫方法
5.調用時必須寫清楚
命名空間名.類名.方法,例:WebUI._Default.getData();
6.調用可分兩中方法(同步調用,異步調用)
//在後臺寫的無參方法
[AjaxPro.AjaxMethod]
public string getStr()
{
return "hello my friends";
}
//在後臺寫的有參方法
[AjaxPro.AjaxMethod]
public string getString(string str)
{
return str + "Say: hello my friends";
}
a.同步調用
(1).拖入html控件button
(2).雙擊,自動顯示在.aspx的腳本中
(3).在裏面寫入你要輸入的內容
例:
//------------------同步調用無參-----------
function Button1_onclick()
{
var res=WebUI._Default.getStr();
alert(res.value);
}
//------------------同步調用有參------------
function Button2_onclick() //TextBox1爲服務器控件
{
var str=document.getElementById("<%=TextBox1.ClientID%>").value;
var res=WebUI._Default.getStr(str);
alert(res.value);
}
b.異步調用
(1).拖入html控件button
(2).雙擊,自動顯示在.aspx的腳本中
(3).在裏面寫入你要輸入的內容
例:
//-----------------異步調用無參-----------------
function Button3_onclick() {
WebUI._Default.getStr(getStrCallBack);
}
function getStrCallBack(res)
{
alert(res.value);
}
//-----------------異步調用有參-----------------
function Button4_onclick() {
var str=document.getElementById("<%=TextBox1.ClientID %>").value;
WebUI._Default.getString(str,getStringCallBack);
}
function getStringCallBack(res)
{
alert(res.value);
}
7.調用對象
//對象
[AjaxPro.AjaxMethod]
public Class getClass()
{
Class cla = new Class();
cla.C_Id = 100;
cla.C_Name = "34班";
cla.Count = 20;
return cla;
}
//------------------同步調用對象-----------
function Button5_onclick() {
var res=WebUI._Default.getClass().value;
alert("班級編號:"+res.C_Id+"名稱:"+res.C_Name+"人數:"+res.Count);
}
//------------------異步調用對象-----------
function Button6_onclick() {
WebUI._Default.getClass(getClassCallBack);
}
function getClassCallBack(clas)
{
var res=clas.value;
alert("班級編號:"+res.C_Id+"名稱:"+res.C_Name+"人數:"+res.Count);
}
8.數據集的使用
//方法
[AjaxPro.AjaxMethod]
public DataSet getInfo()
{
return WebUI.GetDataSet.getList();
}
//--------------------異步調用數據集--------------
function Button8_onclick() {
WebUI._Default.getInfo(getDataSetCallBack);
}
function getDataSetCallBack(res)
{
var dataset=res.value;
var strHtml="";
strHtml +='<table style ="border-collapse:collapse ; border-color:Gray ;" border="1px">';
strHtml +=' <tr>';
strHtml +=' <td>學生編號</td>';
strHtml +=' <td>名稱</td>';
strHtml +=' <td>年齡</td>';
strHtml +=' </tr>';
for(var i=0;i<dataset.Tables[0].Rows.length;i++)
{
strHtml +=' <tr>';
strHtml +=' <td>'+ dataset.Tables[0].Rows[i].stu_id +'</td>';
strHtml +=' <td>'+ dataset.Tables[0].Rows[i].stu_name +'</td>';
strHtml +=' <td>'+ dataset.Tables[0].Rows[i].stu_age +'</td>';
strHtml +=' </tr>';
}
strHtml +=' </table>';
thedata.innerHTML=strHtml;//thedata是一個<div id="thedata"></div>中的thedata
}
9.驗證碼的使用
//----------------------驗證碼的使用(必須採用同步調用)----------------------
//驗證碼的使用
[AjaxPro.AjaxMethod]
public bool ValidCodeData(string code)
{
return (HttpContext.Current.Session["CheckCode"].ToString()==code);
}
function Button9_onclick() {
var code=document.getElementById("<%=TextBox2.ClientID %>").value;
var bool=WebUI._Default.ValidCodeData(code).value;
if(bool==true)
{
alert("ok");
}else
{
alert("no");
}
}
AjaxPro.dll文件網上很多的,自己下
.AjaxPro的使用
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.