(Classic ASP) Call a JavaScript Function Passing an Array Argument

See more JavaScript Examples

Demonstrates how to call a JavaScript function with an argument that is an array.

Note: This example requires Chilkat v11.4.0 or greater.

Chilkat ActiveX Downloads

ActiveX for 32-bit and 64-bit Windows

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<%
success = 0

' This is the JavaScript function we'll call:

' function calculateTotal(numbers) {
'   console.log(numbers);
'   let total = 0;
'   
'   // Loop through every number in the array
'   for (const num of numbers) {
'     console.log(num);
'     total += num;
'   }
'   
'   return total;
' }

set sbScript = Server.CreateObject("Chilkat.StringBuilder")
success = sbScript.LoadFile("js_function_array_arg.js","utf-8")
If (success = 0) Then
    Response.Write "<pre>" & Server.HTMLEncode( sbScript.LastErrorText) & "</pre>"
    Response.End
End If

set js = Server.CreateObject("Chilkat.Js")

set result = Server.CreateObject("Chilkat.JsonObject")
result.EmitCompact = 0

' Call Eval to add the function to the context's global object
success = js.Eval(sbScript,result)
If (success = 0) Then
    ' Examine the result for an exception.
    Response.Write "<pre>" & Server.HTMLEncode( result.Emit()) & "</pre>"

    ' Also examine the LastErrorText.
    Response.Write "<pre>" & Server.HTMLEncode( js.LastErrorText) & "</pre>"
    Response.End
End If

' ------------------------------------------------------------------------------
' Call the function calculateTotal(numbers)

set funcCall = Server.CreateObject("Chilkat.JsonObject")
funcCall.EmitCompact = 0

' Create JSON specifying the function name and arguments
' In this case, there is only 1 argument, and it is an array.

success = funcCall.UpdateString("name","calculateTotal")

' Create the arguments array.
set argsArray = Server.CreateObject("Chilkat.JsonArray")

' The 1st argument in the arguments array is itself an array.
' Passing -1 indicates to append to the array.
set arg = Server.CreateObject("Chilkat.JsonArray")
success = argsArray.AddArrayAt2(-1,arg)

' Fill in the values for the 1st argument.
success = arg.AddNumberAt(-1,"10.50")
success = arg.AddNumberAt(-1,"20.00")
success = arg.AddNumberAt(-1,"5.25")

' Add the "args" array to the funcCall.
success = funcCall.AppendArrayCopy("args",argsArray)

Response.Write "<pre>" & Server.HTMLEncode( funcCall.Emit()) & "</pre>"

' The funcCall is as follows.  Notice that the 1st (and only) argument is an array.

' {
'   "name": "calculateTotal",
'   "args": [
'     [
'       10.50,
'       20.00,
'       5.25
'     ]
'   ]
' }

success = js.CallFunction(funcCall,result)
If (success = 0) Then
    ' Examine the result for an exception.
    Response.Write "<pre>" & Server.HTMLEncode( result.Emit()) & "</pre>"

    ' Also examine the LastErrorText.
    Response.Write "<pre>" & Server.HTMLEncode( js.LastErrorText) & "</pre>"
    Response.End
End If

Response.Write "<pre>" & Server.HTMLEncode( result.Emit()) & "</pre>"

' Result:
' {
'   "type": "double",
'   "value": 35.75
' }

' The function also emitted text to the console.

set sbOut = Server.CreateObject("Chilkat.StringBuilder")
js.ConsoleOutputSb sbOut
Response.Write "<pre>" & Server.HTMLEncode( sbOut.GetAsString()) & "</pre>"

' Output:
' 10.5,20,5.25
' 10.5
' 20
' 5.25

' -----------------------------------------------------------
' Note: If the array argument is simple, this is an alternative
' and simpler way of creating the funcCall:

funcCall.Clear 
success = funcCall.UpdateString("name","calculateTotal")
success = funcCall.UpdateNumber("args[0][0]","10.50")
success = funcCall.UpdateNumber("args[0][1]","20.00")
success = funcCall.UpdateNumber("args[0][2]","5.25")
Response.Write "<pre>" & Server.HTMLEncode( funcCall.Emit()) & "</pre>"

%>
</body>
</html>


function calculateTotal(numbers) {
  console.log(numbers);
  let total = 0;
  
  // Loop through every number in the array
  for (const num of numbers) {
    console.log(num);
    total += num;
  }
  
  return total;
}