VS2008 Ajax功能体验

简介: 在VS2008里已经集成了AJAX的功能,不用像VS2005那样需要单独安装。另外VS2008终于是有JS提示了,哈哈,好玩! HelloService.asmxusing System;using System.

     在VS2008里已经集成了AJAX的功能,不用像VS2005那样需要单独安装。另外VS2008终于是有JS提示了,哈哈,好玩!

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif HelloService.asmx
img_a6339ee3e57d1d52bc7d02b338e15a60.gifusing System;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Collections;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.ComponentModel;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Data;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Linq;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Web;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Web.Services;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Web.Services.Protocols;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
using System.Xml.Linq;
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
namespace Test
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
/**//// <summary>
img_33d02437d135341f0800e3d415312ae8.gif    
/// HelloService 的摘要说明
img_105a1e124122b2abcee4ea8e9f5108f3.gif    
/// </summary>

img_33d02437d135341f0800e3d415312ae8.gif    [WebService(Namespace = "http://tempuri.org/")]
img_33d02437d135341f0800e3d415312ae8.gif    [WebServiceBinding(ConformsTo 
= WsiProfiles.BasicProfile1_1)]
img_33d02437d135341f0800e3d415312ae8.gif    [ToolboxItem(
false)]
img_33d02437d135341f0800e3d415312ae8.gif    
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
img_33d02437d135341f0800e3d415312ae8.gif
    [System.Web.Script.Services.ScriptService]
img_33d02437d135341f0800e3d415312ae8.gif    
public class HelloService : System.Web.Services.WebService
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif    
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
public HelloService() img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{ }
img_33d02437d135341f0800e3d415312ae8.gif        [WebMethod]
img_33d02437d135341f0800e3d415312ae8.gif        
public string HelloWorld(int num1,int num2)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif            
int sum = 0;
img_33d02437d135341f0800e3d415312ae8.gif            
try
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif                sum 
= num1 + num2;
img_105a1e124122b2abcee4ea8e9f5108f3.gif            }

img_33d02437d135341f0800e3d415312ae8.gif            
catch (Exception ex)
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif                
return ex.Message;
img_105a1e124122b2abcee4ea8e9f5108f3.gif            }

img_33d02437d135341f0800e3d415312ae8.gif            
return "The sum is:" + sum;
img_105a1e124122b2abcee4ea8e9f5108f3.gif        }

img_105a1e124122b2abcee4ea8e9f5108f3.gif    }

img_05dd8d549cff04457a6366b0a7c9352a.gif}
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Test.js
img_a6339ee3e57d1d52bc7d02b338e15a60.giffunction SayClick(param1,param2)
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{  
img_33d02437d135341f0800e3d415312ae8.gif    
var num1= $get(param1).value;
img_33d02437d135341f0800e3d415312ae8.gif    
var num2= $get(param2).value;
img_33d02437d135341f0800e3d415312ae8.gif    
//命名空间名.类名.函数名(参数列表,回调成功函数名,回调失败函数名)
img_33d02437d135341f0800e3d415312ae8.gif
    Test.HelloService.HelloWorld(num1,num2,CallBack_Succeed,CallBack_Failed);
img_05dd8d549cff04457a6366b0a7c9352a.gif}

img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
//回调成功函数
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
function CallBack_Succeed(resultText)
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif    $get(
"result").innerHTML=resultText;
img_05dd8d549cff04457a6366b0a7c9352a.gif}

img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
//回调失败函数
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
function CallBack_Failed(error)
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif
img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif{
img_33d02437d135341f0800e3d415312ae8.gif    
//error.get_message()是获取异常信息,由框架提供的
img_33d02437d135341f0800e3d415312ae8.gif
    $get("result").innerHTML=error.get_message();
img_05dd8d549cff04457a6366b0a7c9352a.gif}
img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif AjaxStudy.aspx
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif<%img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxStudy.aspx.cs" Inherits="Test.AjaxStudy" %>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<html xmlns="http://www.w3.org/1999/xhtml" >
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<head runat="server">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
<title>无标题页</title>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
</head>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
<body>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
<form id="form1" runat="server">
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
<div>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
<asp:ScriptManager ID="ScriptManager1" runat="server">
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif            
<Scripts>img_a76e9bb6ed00cf1c9c9f4ee2f04b558b.gif
img_33d02437d135341f0800e3d415312ae8.gif                  
<asp:ScriptReference Path="~/JsFile/Test.js" />
img_05dd8d549cff04457a6366b0a7c9352a.gif
            
</Scripts>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
<Services>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif                  
<asp:ServiceReference Path="~/HelloService.asmx" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif            
</Services>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
</asp:ScriptManager>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif          
<br />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
<asp:TextBox ID="txtNum1" runat="server"></asp:TextBox>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        +
<asp:TextBox ID="txtNum2" runat="server"></asp:TextBox>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
<br />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif        
<br />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif          
<input id="btnSayHello" type="button" value="AJAX加法" onclick="SayClick('<%=txtNum1.ClientID %>','<%=txtNum2.ClientID %>')" />
img_a6339ee3e57d1d52bc7d02b338e15a60.gif          
<div id="result"></div>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
</div>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif    
</form>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
</body>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
</html>
img_a6339ee3e57d1d52bc7d02b338e15a60.gif
相关文章
|
前端开发
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
81 0
使用SpringMvc跨服务器上传图片,Ajax异步刷新图片框显示图片功能请求不到后台,onChange事件没有激活的源码?
|
JavaScript 搜索推荐 API
JQuery+ajax实现类似百度搜索自动匹配功能
JQuery+ajax实现类似百度搜索自动匹配功能
315 0
JQuery+ajax实现类似百度搜索自动匹配功能
|
前端开发 安全 JavaScript
使用Servlet+AJAX+AWT实现网站登录时的图片验证码功能
使用Servlet+AJAX+AWT实现网站登录时的图片验证码功能
156 0
使用Servlet+AJAX+AWT实现网站登录时的图片验证码功能
|
前端开发 JavaScript
基于SSM+Jquery+ajax实现批量删除功能
基于SSM+Jquery+ajax实现批量删除功能
417 0
基于SSM+Jquery+ajax实现批量删除功能
|
前端开发 PHP 数据格式
PHP与反ajax推送,实现的消息实时推送功能
index.html 反ajax推送 .send{color:#555;text-align: left;} .require{color:blue;text-align: right;} .
1147 0
|
前端开发 数据安全/隐私保护