`
leon.s.kennedy
  • 浏览: 110925 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript与ActiveX之间传递数据 - 连载二

 
阅读更多

本文研究如何在JS等脚本语言与ActiveX控件之间通信,如何传递各种类型的参数,以及COM的IDispatch接口。使用类似的方法,可以推广到其他所有脚本型语言,如LUA,AutoCad等。

本文将研究以下几个方面:

  1. 整型数组传参
  2. 字符串参数,字符串返回值
  3. 修改传入字符串内容
  4. 数组参数
  5. IDisliatch接口介绍
  6. 修改输入数组内容
  7. 增加数组内容
  8. 以数组传参方式,JS调用S4Execute( )

由于本文篇幅较长,所以将以连载方式进行发表,连载一主要讨论1-3点,连载二主要讨论4-6点,连载三主要讨论7-8点.

(四)数组参数

1. 在使用时,有时需要使用数组传参,如S4Execute()的inBuff/ outBuff。

2. JS中整型数据不分Byte/ Short/ Int等,因此数组元素类型都为int (COM中的VT_I4,其中I表示整型、4表示4字节)

3. JS中的Array在COM中是一个实现了IDispatch的对象,可通过IDispatch接口api进行操作。关于IDispatch请看下一节介绍。

4. COM中C++定义

下面代码中定义了两个函数 GetArrayNumberOfIndex、GetArrayLength两个函数,功能分别获取数组长度和获取指定序号元素

以下代码含义,请参考下一节 “IDispatch接口介绍”

JS数组在COM中是一个IDispatch对象,获取长度,实际是获取其中名为“length”的属性值。

而获取最后一个数组,实际是获取名为“4”的属性值(假设5个元素)

STDMETHODIMP CJsAtl::GetLastElement(VARIANT vArray, LONG* retVal)
{
         int len = 0;
         HRESULT hr = GetArrayLength(vArray.pdispVal, &len);
         if (FAILED(hr))
                  return hr;
 
         hr = GetArrayNumberOfIndex(vArray.pdispVal, len - 1, retVal);
         return S_OK;
}
// ***
// 获取Javascript数组长度
//       Javascript中的数组length只计算列表中下标为数字的部分
// ***
HRESULT GetArrayLength(IDispatch* pDisp, int* pLength)
{
         BSTR varName = L"length";
         VARIANT varValue;
         DISPPARAMS noArgs = {NULL, NULL, 0, 0};
         DISPID dispId;
         HRESULT hr = 0;

         hr = pDisp->GetIDsOfNames(IID_NULL, &varName, 1, LOCALE_USER_DEFAULT, &dispId);
         if (FAILED(hr))
                  return hr;
         hr = pDisp->Invoke(dispId, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_PROPERTYGET, &noArgs, &varValue, NULL, NULL);
         if (SUCCEEDED(hr))
         {
                  *pLength = varValue.intVal;
                  return hr;
         }
         else
         {
                  return hr;
         }
}
// ***
// 获取Javascript数组中指定位置的整数元素值
// ***
HRESULT GetArrayNumberOfIndex(IDispatch* pDisp, int index, int * pValue)
{
         CComVariant varName(index, VT_I4); // 数组下标
         DISPPARAMS noArgs = {NULL, NULL, 0, 0};
         DISPID dispId;
         VARIANT varValue;
         HRESULT hr = 0;       
         varName.ChangeType(VT_BSTR); // 将数组下标转为数字型,以进行GetIDsOfNames
         //
         // 获取通过下标访问数组的过程,将过程名保存在dispId中
         //
         hr = pDisp->GetIDsOfNames(IID_NULL, &varName.bstrVal, 1, LOCALE_USER_DEFAULT, &dispId);
         if (FAILED(hr))
                  return hr;
         //
         // 调用COM过程,访问指定下标数组元素,根据dispId 将元素值保存在varValue中
         //
         hr = pDisp->Invoke(dispId, IID_NULL, LOCALE_SYSTEM_DEFAULT, DISPATCH_PROPERTY GET , &noArgs, &varValue, NULL, NULL);
         if (SUCCEEDED(hr))
         {
                  *pValue = varValue.intVal;    // 将数组元素按int类型取出
                  return hr;
         }
         else
         {
                  return hr;
         }
}

5. JS中调用

function test_get_last()
{
       var array = new Array(0, 1, 2, 3); // 定义数组
       try {
              var obj = document.getElementByIdx_xx_x("obj");
              var lastElement = obj.GetLastElement(array); // 获取数组最后一个元素
              alert("lastElement: " + lastElement);
       } catch (e) {
              alert("JS ERROR: " + e.message);
       }
}

6. 测试执行

数组定义:{0,1,2,3}

最后元素:3

(五)IDispatch接口介绍

1. C程序调用时,调用者必须预先知道接口规范(如:参数类型、参数字节长度、参数顺序等)。由于不同语言这些规范有所不同,COM未解决不同语言之间调用,提供了IDispatch接口。

2. IDispatch要求其实例必须自我描述,即拿到一个对象后,可从对象中直接获取调用方式,而无须预先明确。

3. IDispatch中通过VT_TYPE来指定相关类型,如 VT_I4为4字节整型、VT_BSTR为unicode字符串,VT_DISPATCH表示是一个IDispatch对象

4. 给对象中每一属性或函数(Method)分配一个整型Id和一个字符串name,调用者可以通过name字符串确定如何调用。如:若name为"length"的属性,调用者就理解为长度。由于这里通常是根据name来理解相应属性,因此name描述应足够准确。如,以"length()"为名称的函数实现整数相加功能就是不恰当的。

5. 使用IDispatch对象时,首相调用 IDispatch::GetIDsOfNames()将属性、函数名称作为参数,获取对应的属性、函数id。

6. 再调用IDispatch::Invoke() 将id作为参数,实际调用功能。

7. 若为获取属性值,则 Invoke()调用时,传入 Dispatch_PropertyGet标志。

8. 若为设置属性值,则Invoke()调用时,传入 Dispatch_PropertyPut标志。并在 DispParams参数中指定修该属性改为何值。DispParams结构说明见后。

9. 若为调用函数,则 Invoke()调用时,传入 Dispatch_Method标志。若该Method需要参数,则通过IDispatch::Invoke()的DispParams参数指定。

10. DispParams结构使用举例:

DISPPARAMS dispparams;
         dispparams.rgdispidNamedArgs = &dispidOfNamedArgs;
         dispparams.cArgs = 1;
         dispparams.cNamedArgs = 1;
         dispparams.rgvarg = new VARIANTARG[1];
         dispparams.rgvarg[0].vt = VT_I4;
         dispparams.rgvarg[0].intVal = 123;

a. 上面代码是一个用于给Method传参的简单例子,先创建一个DispParams对象

b. cArgs指定Method中的参数个数。

c. cNamedArgs指定Method中已经命名的参数个数。(命名参数是对应无名参数的概念。有些语言可定义不定参数,此时IDispatch的描述中不会给参数分配名称,而是调用时以无名参数存在。如,JS中 Array对象的push()方法,可支持不定个数的参数)

d. rgvarg 为实际参数数组,每一元素表示一个参数,其中.vt表明此元素的数据类型,intVal项是一个C++联合结构,如vt == VT_I4时,应以intVal = xxx方式赋值;若 vt == VT_BSTR,则应以 bstrVal = xxx方式赋值

11. 举例:两个参数,都是无名称参数,第一个为整型,第二个为BSTR型

DISPPARAMS dispparams;
         dispparams.rgdispidNamedArgs = NULL;
         dispparams.cArgs = 2;
         dispparams.cNamedArgs = 0;
         dispparams.rgvarg = new VARIANTARG[2]; // 2个参数,分配2个空间
         dispparams.rgvarg[0].vt = VT_I4;  // 整型
         dispparams.rgvarg[0].intVal = 123;
         dispparams.rgvarg[1].vt = VT_BSTR; // 字符串型
         dispparams.rgvarg[1].bstrVal = L"abcd";

(六)修改输入数组内容

1. 第五节介绍了如何从JS向COM传递数组参数,以及如何在COM中获取参数。本节介绍如何在COM中修改JS传入的数组。

2. 修改JS数组值时,首先通过GetIDsOfNames获取指定序号元素的dispid;然后调用Invoke(),传入Dispatch_PropertyPut标志表明写操作,并在DispParams结构中指明此元素类型和元素值。

3. COM中C++定义

STDMETHODIMP CJsAtl::ArrayModiy(VARIANT vArray)
{
         SetArrayNumberOfIndex(vArray.pdispVal, 0, 123); // 修改数组第[0]个元素,值为
         return S_OK;
}
 
// ***
// 设置Javascript数组中指定位置的整数元素值
// ***
HRESULT SetArrayNumberOfIndex(IDispatch* pDisp, int index, int value)
{
         CComVariant varName(index, VT_I4);
         DISPID dispId;
         CComVariant varValue;
         HRESULT hr = 0;
         varName.ChangeType(VT_BSTR); // 将数组下标转为数字型,以进行GetIDsOfNames
         hr = pDisp->GetIDsOfNames
                  (IID_NULL, &varName.bstrVal, 1, LOCALE_USER_DEFAULT, &dispId);
         if (FAILED(hr)) 
                  return hr;
        
         DISPID dispidPut = DISPID_PROPERTYPUT; // put操作
         DISPPARAMS dispparams;
         dispparams.rgvarg = new VARIANTARG[1]; // 初始化rgvarg
         dispparams.rgvarg[0].vt = VT_I4; // 数据类型
         dispparams.rgvarg[0].intVal = value; // 更新值
         dispparams.cArgs = 1; // 参数数量
         dispparams.cNamedArgs = 1; // 参数名称
         dispparams.rgdispidNamedArgs = &dispidPut; // 操作DispId,表明本参数适用于put操作
 
         hr = pDisp->Invoke(dispId, IID_NULL, LOCALE_USER_DEFAULT, DISPATCH_PROPERTY PUT, &dispparams, NULL, NULL, NULL);
         return hr;
}
 

4. JS调用

function test_set_first()
{
       var array = new Array(0, 1, 2, 3);
       try {
              var obj = document.getElementByIdx_xx_x("obj");
              obj.ArrayModiy(array);
              alert("first element: " + array[0]);
       } catch (e) {
              alert("JS ERROR: " + e.message);
       }
}

5. 测试执行

原数组:{0, 1,2,3}

修改后:{123,1,2,3}

分享到:
评论

相关推荐

    MFC的WebBrowser控件 C++与JavaScript之间数据交互传递

    1. **C++向JavaScript传递数据**: 在C++端,我们可以使用`COleDispatchDriver`类来操作WebBrowser控件。通过调用`COleDispatchDriver::InvokeHelper`方法,可以调用WebBrowser控件的`ExecuteScript`方法执行...

    基于MFC的ActiveX控件开发(JS传递变量数据给控件)

    在JavaScript端,你可以使用document.createElement对象创建ActiveX控件实例,然后通过控件的属性或方法传递数据。例如,如果在MFC中定义了一个名为SetData的方法,你可以在JavaScript中这样调用: ```javascript ...

    activex-programming-unleashed-2nd-edition

    - **ActiveX脚本**:这是一种用于控制ActiveX组件的技术,通常使用VBScript或JavaScript编写。它使得开发者能够动态地修改页面内容或响应用户事件。 - **VBScript**:一种轻量级的脚本语言,专为客户端和服务器端...

    网页向ActiveX控件传递参数(C++ 的ocx)

    3. 事件驱动:通过监听控件的事件,网页可以响应控件的行为,并通过事件处理函数传递数据。 四、注意事项 1. 兼容性:ActiveX主要适用于Internet Explorer,其他现代浏览器如Chrome、Firefox并不支持。因此,需要...

    Delphi 测试ActiveX与JavaScript的交互

    本话题聚焦于"Delphi测试ActiveX与JavaScript的交互",这是一个涉及到客户端技术如何沟通的重要知识点。Delphi是一款强大的Windows应用程序开发工具,而ActiveX是微软提出的一种组件对象模型(COM),常用于创建可以...

    matlab开发-JavaScript 项目-vue-sui-demo.zip

    4. **数据通信**:可能使用JSON格式进行数据交换,因为它是Web服务和客户端之间传递数据的常见方式。 5. **前端路由**:如果项目包含多页面,可能会用到Vue Router进行页面跳转和路由管理。 6. **状态管理**:如果...

    chrome 浏览器加载activex

    1. **使用Chrome的兼容性模式**:某些版本的Chrome提供了“--enable-internal-activex”命令行开关,允许浏览器加载ActiveX控件。在启动Chrome时,可以通过在快捷方式的目标路径后添加这个开关来启用此功能。例如:...

    JavaScript前端开发案例教程-源代码.rar

    JavaScript与这两者结合,可以实现丰富的用户体验。例如,JavaScript可以操作DOM(文档对象模型)来动态改变页面内容,或者使用CSS选择器修改元素样式。这些功能在压缩包的示例中可能有具体展示。 在压缩包中,...

    jQuery+json异步实现JSP和struts2之间的数据传递

    "jQuery+json异步实现JSP和struts2之间的数据传递"是一个典型的应用场景,它结合了前端JavaScript库jQuery与后端MVC框架Struts2,通过JSON这种轻量级的数据交换格式进行高效的数据交互。下面我们将详细探讨这一主题...

    Javascript调用ActiveX对象.docx

    JavaScript调用ActiveX对象是一种在特定环境下,如Internet Explorer浏览器,使用JavaScript与ActiveX技术进行交互的方法。ActiveX是微软提出的一种技术,主要用于创建可插入Web页面的控件,提供丰富的用户界面和...

    多浏览器兼容ActiveX控件解决方案 - KGChromePlugin V3.0 技术详解

    内容概要:介绍了金格科技开发的KGChromePlugin,这是一款旨在使ActiveX控件能够在非IE浏览器上(尤其是谷歌浏览器系列)正常工作的插件。主要讲述了插件的功能特点、安装配置、接口定义及其应用场景。通过...

    深化浅析JavaScript中数据共享和数据传递_.docx

    数据传递则涉及到如何在不同作用域之间传递数据。在JavaScript中,常见的数据传递方式包括: - 函数参数:通过函数调用来传递数据是最直接的方式,可以确保数据只在函数执行期间可见。 - 返回值:函数执行完成后,...

    java\JavaScript利用ActiveX导出Excel,Word .doc

    1. **JavaScript与ActiveX对象交互**: JavaScript可以通过创建ActiveXObject实例来访问和控制ActiveX控件。在本文中,我们看到了`new ActiveXObject("Excel.Application")`和`new ActiveXObject("Word.Application...

    ActiveX-Web-Browser.rar_labview activex_labview browser_labview

    ActiveX控件可以嵌入到支持的宿主应用(如LabVIEW)中,使得LabVIEW程序能够直接与网页内容进行交互,例如加载URL、执行JavaScript、获取网页数据等。 标签“labview_activex labview_browser labview_web labview...

    VS2010(VC++)-MFCActiveX-打包-WEB调用

    而ActiveX技术则是一种允许在不同应用程序之间共享组件的技术,常用于创建网页交互性控件。本篇文章将详细探讨如何使用VS2010中的MFC来创建ActiveX控件,并进一步进行打包和在WEB环境下调用。 首先,我们需要了解...

    activex跟js数据交换例子程序

    在IT领域,ActiveX与JavaScript之间的数据交换是一个重要的技术主题,尤其在开发Web应用程序时,两者间的交互可以实现丰富的客户端功能。ActiveX是Microsoft推出的一种技术,主要用于Windows平台,允许对象(如控件...

    JavaScript 使用ActiveX实现在Excel文件中插入图片

    JavaScript 使用ActiveX实现在Excel文件中插入图片

    JavaScript利用ActiveX导出Excel,Word

    JavaScript利用ActiveX导出Excel,Word

    Activex在线网页截图

    这可以通过JavaScript在浏览器端实现,然后通过ActiveX控件与JavaScript的交互传递给服务器。 3. **JavaScript与ActiveX交互** - **安全设置**:由于ActiveX控件有潜在的安全风险,用户必须在IE中启用ActiveX才能...

    JavaScript典型应用与最佳实践-源代码

    AJAX(异步JavaScript和XML)用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。Fetch API是现代浏览器提供的一种替代XMLHttpRequest的新方法,更简洁易用。 9. **错误处理**: 使用`try...catch...

Global site tag (gtag.js) - Google Analytics