一个简单的Webservice的demo(中)_前端页面调用

  首先新建项目,这里有两种调用方式,为了能方便理解,新建页面WebserviceTest如下图:

  一个简单的Webservice的demo(中)_前端页面调用_第1张图片

  先引用写好的服务,这里用上次写好的服务。见上次写的一个简单的Webservice的demo,简单模拟服务

  一个简单的Webservice的demo(中)_前端页面调用_第2张图片 

  这里我们要新建一个服务,调用我们引用给服务。因为一般情况下js不能跨域访问服务的,当然,只是一般,要非得跨域访问也行,网上搜方法,但是那样做就没意义了。新建服务,取名MyJsWebservice,如下图:

  一个简单的Webservice的demo(中)_前端页面调用_第3张图片

  在服务中调用引用的服务,并将Ajax脚本调用改取消的注释取消。如下图:

  一个简单的Webservice的demo(中)_前端页面调用_第4张图片

  生成以下解决方案,现在我们在页面上调用。使用jQuery,Ajax调用。

  前端代码:  

 1 "server">
 2 "Content-Type" content="text/html; charset=utf-8"/>
 3     WebserviceTest
 4     
 5     
26 
27 
28     
"form1" runat="server"> 29
30 请输入您的生日: 31 "text" id="birthday" /> 32 "text" id="name" />"button" id="btnSure" value="确 定" /> 33
34
35

  测试成功:

  

转载于:https://www.cnblogs.com/muyixiaoguang/p/3858709.html

你可能感兴趣的:(一个简单的Webservice的demo(中)_前端页面调用)