数码资讯
调用后台的Javascript的三个方法实例
方法一:直接使用电话 前台JS: 复制代码代码如下所示: 无功methodstr = ; 警报(methodstr); 后路: 复制代码代码如下所示: 字符串behindmethod() { 返回这是后台方法; } 方法二:用ajax调用 前台JS: 复制代码代码如下所示: var参数{分机:=p9
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
方法一:直接使用电话
前台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=值);
}
前台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=值);
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。