现在的位置: 首页 > 综合 > 正文

AJAX For.NET 取数据以及数据查询实例,

2013年08月29日 ⁄ 综合 ⁄ 共 3100字 ⁄ 字号 评论关闭

         .NET下的AJAX取数据以及数据查询实例

如果我们想避开烦琐的部署工作,不想把可执行文件部署到数以千计的工作站,而又能有更多更完备的web应用,那么AJAX无疑是我们的首选。AJAX不是一个特定的技术,而是一种技巧,JavaScript是它的主要组件,AJAX在大多数的浏览器中都能使用,不需要专门的硬件和软件支持。

AJAX不是什么新鲜的东西,唯一可以称之为新的术语就是XMLHttpRequest对象(XHR)XMLHttpRequest并不是一个W3C标准,不过很多功能都已经覆盖在一个新的提案中:DOM Level3加载和保存规约(DOM Level3 Load and Save Specification)  因为XMLHttpRequest不是W3C标准,我们要在使用XMLHttpRequest对象发送请求和处理响应之前,必须先用JAvaScript创建一个XMLHttpRequest对象,但是我们很有很多方法来创建。Internet ExplorerXMLHttpRequest实现为一个ActiveX对象,其他浏览器(FirefoxSafariOpera)把它实现为一个本地JavaScript对象。 很简单,我们只要检测浏览器是否支持ActiveX对象,不然就要使用本地JavaScript对象技术来创建。

var xmlhttp;  //创建全局变量来保存这个对象的引用。

function createXMLHttpRequest(){  //创建XMLHttpREquest实例的具体工作。

    if(window.ActiveXObject){

         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    }

     else if(window.XMLHttpRequest){

         xmlhttp = new XMLHttpRequest();

     }

}

以上我们对AJAX技术有了个大体的了解,并且结合实例介绍了XMLHttpRequest对象,下面将介绍下AJAX开发工具——joyistar Webshop

       Webshop是完全可视化,面向对象的开发工具,具有良好的界面风格,利用它可以很方便的实现web编程。还有一个最大的特点就是个人版和企业版具有相同的功能,个人版是免费的,并且是开源的,你可以直接在网上找到程序代码。最新版的webshop可以在官方网址:http:www.joyistar.com下载,并且在http://219.153.35.21:8080/index.htm中还有很多精彩的在线例子,如果是做AJAXweb开发的你看了后一定会喜欢上这个工具的。

 下面就是一个用 webshop实现的一个取数据和数据查询的例子,

首先创建一个数据表,以access数据表为例,设置数据表名称为:demo.mdb,创建字段分别是PRODUCT_ID, PRODUCT_NAME, PRODUCT_PRICE, PRODUCT_AREA。设置数据表存放路径,本例中demo.mdb的路径为:d://db//demo.mdb"

 打开webshop3.0,新建工程,设置工程名以及工程路径。


  建好工程后在New .NET Service中设置工程所用的Language Service Type Class Name以及Directory。如本例中设置的路径为: …WebShop3e_beta /projects /vb_example/src/demo 本例所用的语言是:Visual Basic Service Type为:Query Data

 

 

设置好后,打开New .NET Service文件,在里面添加代码:

 

   代码添加完毕后,新建一个页面(File à New Page)在页面中的 Data  Access ,中选择“Data Set”组件,设置 OpenURL为刚刚新建的New .NET Service文件,本例中为:Simple_Query.aspx

 

  运行.NET Server,如果设置正确,则会在屏幕右下弹出提示,如下图。

 

 

 

  成功后,在页面中设置四个“span”,三个“dbEdit”和一个”DBGird”一个“DBPageNavigator

 

运行效果如图:

 

今天我们将详细介绍下数据的查询。首先选择“Edit”组件,选择一个“button”组件,一个“Span”组件。定义“button”单击事件,添加如下代码:

 

function Button1onclick() {

    DataSet1.Close();  //关闭dataset数据集

    DataSet1.Params.Clear(); //清空Params

    if(Edit1.value) {

        DataSet1.Params.Add(new Param('SALE_ID',Edit1.value,'int')); //添加

    }

    DataSet1.Open();  //打开数据集

}

其中取'SALE_ID'的代码为:

  Dim detail As XmlRequest= xmlRequest.GetDetail("DataSet2")

  Dim paramInfo As Param = xmlrequest.GetParam("SALE_ID") 'get the search information

  Dim sql_params As String = Nothing

      If (Not (paramInfo Is Nothing)) Then

                sql_params = " where SALE_ID=" + paramInfo.Value

                sql += sql_params

            End If

其中,DataSet1.Params.Clear();DataSet1.Params.Add()方法的详细实现为:

new Params();

Params.prototype.Count;

Params.prototype.Add=function(param){this.Param[param.Name]=param;this.Paramx[this. Paramx.length]=param;this.Count=this.Paramx.length;}

Params.prototype.Clear=function(){this.Paramx.length=0;this.Param=new Array();this.Count=0;}

function Params(){

  this.Param=new Array();

  this.Paramx=new Array();

}

new Param(null,null,null);

Param.prototype.Name;

Param.prototype.Value;

Param.prototype.Type;

function Param(name,value,type)

{

  this.Name=name;this.Value=value;this.Type=type;

}

保存下设置,然后运行,效果如下,

例如通过在id:键入“A0002就会检索出NO.A0002的数据。

   以上对AJAX以及AJAX开发工具的一些简单介绍,希望这篇文章能给AJAX爱好者的学习带来一定的帮助,如果大家想对AJAX有更多的了解可以加入qq群进行讨论,这方面的技术群还是比较多的,多多交流下还是很有帮助的。

 

抱歉!评论已关闭.