AjaxPro的配置及使用
首先要在Web.config的<system.web>中添加下面的东东
服务器端的方法,返回一个DataSet
<httpHandlers>
<add verb="POST,GET" path="AjaxPro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro" />
</httpHandlers>
然后在服务器端的Page_Load中添加下面一行代码<add verb="POST,GET" path="AjaxPro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro" />
</httpHandlers>
AjaxPro.Utility.RegisterTypeForAjax(typeof(index));
下面来实现如何在客户端用javascript调用服务器端的方法服务器端的方法,返回一个DataSet
[AjaxPro.AjaxMethod]
public DataSet Change()
{
string str="select xjh,xm from xs_jbxx";
ds=cla.Bind(str);
return ds;
}
然后在客户端调用这个方法public DataSet Change()
{
string str="select xjh,xm from xs_jbxx";
ds=cla.Bind(str);
return ds;
}
<script language="javascript">
function Change()
{
WebServer.index.Change(change_callback)
}
function change_callback(response)
{
var ds=response.value;
var content=document.getElementById("newDG");
var table=null;
for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
if(i==0)
{
table=ds.Tables[0].Rows[i].xm+"<br>";
}
else
{
table+=ds.Tables[0].Rows[i].xm+"<br>";
}
}
content.innerHTML=table;
}
</script>
function Change()
{
WebServer.index.Change(change_callback)
}
function change_callback(response)
{
var ds=response.value;
var content=document.getElementById("newDG");
var table=null;
for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
if(i==0)
{
table=ds.Tables[0].Rows[i].xm+"<br>";
}
else
{
table+=ds.Tables[0].Rows[i].xm+"<br>";
}
}
content.innerHTML=table;
}
</script>