调用后台的Javascript的三个方法实例

方法一:直接使用电话

前台JS:

复制代码代码如下所示:

无功methodstr = ;
警报(methodstr);



后路:

复制代码代码如下所示:
字符串behindmethod()
{
返回这是后台方法;
}


方法二:用ajax调用

前台JS:

复制代码代码如下所示:


var参数{分机:=p9hp}; / /参数,参数名称和背景注意方法参数的名称应该是一致的
$(函数(){())
$(# btnok)。Click(function(){)
$ ajax({
类型:后请求模式
网址:ajaxdemo .aspx / / / getimg 页面/方法名字:请求路径
数据: / /参数参数
DataType:文本
内容类型:应用程序/ JSON;字符集= UTF-8
beforesend:功能(XMLHttpRequest){
$(#提示),文本(开始叫后面的方法获得图片的路径,请稍等);
$(# imgfood )Attr(src。
},
成功:函数(MSG)成功
$(# imgfood )Attr(src。
$(#提示),文本(结束通话的方法);
},
错误:函数(obj,味精,e){ / /异常
警惕(哦,不);
}
});
});
});



HTML页面:

复制代码代码如下所示:











后台的方法:

复制代码代码如下所示:
{系统。Web服务。WebMethod }
字符串(字符串getimg EXT)
{
system.threading.thread.sleep(5000); / /等一些影响,延迟5秒
stringcomparer.ordinalignorecase StringComparer SC =;
字符串{ } extarr =新的字符串{ } {PHP
bool = extarr。任何(S = > sc.equals(S,EXT) / /判断);输入后缀的存在

如果(f)
{
返回图像 54222860;
}
返回图像/ STAR1 .jpg;
}


方法三:AjaxPro(AJAX)

第一步:Download AjaxPro.dll(或AjaxPro。2。DLL),并添加到项目引用

第二步:修改配置文件web.config

复制代码代码如下所示:








第三步:登记当AjaxPro是运行在网页page_load等事件:

复制代码代码如下所示:
protected void page_load(object sender,EventArgs e)
{
ajaxpro.utility.registertypeforajax(typeof(ajaxdemo)); / /注册
}


第四步:创建服务器的方法和注释ajaxmethod }与{ AjaxPro。

复制代码代码如下所示:
{ AjaxPro ajaxmethod }。
GetImgByAjaxPro(字符串)
{
返回图像 54222860;
}


第五步:前台电话JS:

复制代码代码如下所示:
函数的GetMethodByAjaxPro(){
创建一个justtest.ajaxdemo.getimgbyajaxpro(); / / justtest是当前的命名空间,并ajaxdemo代表背景类
document.getelementbyid(imgajaxprosrc=值);
}