易截截图软件、单文件、免安装、纯绿色、仅160KB

Ajax与WCF交互 WCF之美


上面一篇博文<<Ajax访问Xml Web Service的安全问题以及解决方案>>中谈及xml web service与wcf新老架构对于ajax安全性的问题,得出了结论,但没有具体验证,本文正是为了验证上文中关于新架构MEX结点与业务终结点分离更有利于服务安全的结论,并稍带着讲述如何在vs2008中用ajax与wcf进行交互.
第一步: 在vs2008中创建一个网站.
在vs2008中,创建网站时候如果选择.Net Framework 3.5的模板,那么创建好的项目中web.config中自动带有ajax的配置.这个在上文中说过.而且在右面的工具箱中也有Ajax控件栏
但如果创建的.net framework 2.0的网站默认情况下web.config中是不支持ajax的.但也有解决办法,下文再说.
第二步: 创建一个可用于ajax交互的wcf服务AjaxWcfService.svc,方式如下:
修改模板产生的服务代码如下:
[OperationContract] 
public int IntAdd(int a,int b) 

// 在此处添加操作实现 
return a+b; 

在浏览器中浏览AjaxWcfService.svc,会出现下面的效果:
 
第三步: 好,下面一个步骤和原来的xml web service与ajax交互使用方法不太一致.步骤如下 :
访问第二步打开的AjaxWcfService.svc网址后面添加/js的网址,如图所示:
哈哈,这样便能下载到用于访问wcf服务的js代理.将该文件保存起来,我这里命名为AjaxWcfScript.js,然后将其添加到项目的根目录中(其他位置也可,位置自选) .
第四步:到第三步结束,与WCF相关的操作基本已经完成,下面进行的是ajax的开发.
在default.aspx中添加scriptmanager从右面的工具箱中拖一个ScriptManager的控件到default.aspx中,然后添加ScriptReference,完成后的ScriptManager代码如下:
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
<Scripts> 
<asp:ScriptReference Path="~/AjaxWcfScript.js" /> 
</Scripts> 
</asp:ScriptManager> 
第五步: 第四步基本实现页面default.aspx对scriptmanager的支持,并且添加了访问WCF服务AjaxWcfService.svc的配置,下面的过程就非常easy了,在default.aspx中添加如下的element  
<h2>ajax与wcf交互示例</h2> 
<p>a:<input id="txtA" type="text" /></p> 
<p>b:<input id="txtB" type="text" 


相关文档:

Jquery的AJAX使用过程中的体会

<mce:script type="text/javascript"><!--
function login(){
var postURL = "http://localhost:8080/cas/simpleLogin";
var params = {
"loginUrl":$("#loginUrl").val(),
"service":$("#service").val(),
"login":$( ......

邮件服务系统专题19:超爽Ajax界面

       从众多客户期盼已久的Ajax界面在V4.0.0版本中揭开了面纱以来,拓波软件在后续的历次版本更新中都延用并不断完善Ajax界面这个功能。大家可以下载测试版感受一下,或者登陆Turbomail网络在线版体验:
        Web网址:http://mail.turbomail ......

VB.NET+AJAX搜索建议功能的实现

IDE:Visual Web Developer 2008 Express Edition
数据库:Access 2007
到http://www.asp.net/ajax/downloads/下载AJAX Control Toolkit,将AjaxControlToolkit.dll拷贝到项目的bin目录下,在工具栏中引入。
WebService的代码:(aaa.asmx)
Public Function GetCompletionList(ByVal prefixText As String, ByVal coun ......

IDE 缺少基础能力集调用库,这是一个简单的Ajax调用。

var jsonObj;
var xmlhttp = null;
function callAsync(url, callbackSuccess)
{
 xmlhttp = new Ajax();
 xmlhttp.open("GET", url, true);
 xmlhttp.onreadystatechange=function()
 {
  // readyState = 4 ; "complete"
  if (xmlhttp.readyState==4)
  { ......

ASP.NET中的AJAX应用开发总结

        11月21日晚7点应邀在武汉大学信息学院做了一场关于ASP.NET下AJAX开发的报告,以我自己经历讲述了一些特殊应用在过去到现在实现手段的变化,本来想回家之后做个总结的,但是由于最近以来事情一直很多,所以没有来得及总结。今晚得以有空总结一下。
AJAX介绍
其实AJAX应用的核 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号