Classic ASP

Call a JavaScript Function Passing an Array Argument

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

Chilkat Classic ASP Downloads

Classic ASP

<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>

JavaScript

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;
}