how tp pass array to javascript function

I made fuction in aspx page dat is given below

so can u suggest hw to call dis function in pageload event of cs page.actually m calling it like dis bt its nt doing anything.
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Message", "", false);

I see two problems with the code.

1. For the Slide() function to work you got to use RegisterStartupScriptBlock (renders the JS at the end of the page) rather than using ClientScriptBlock;
2. You cannot just use var path = document.getElementById("HiddenField1.ClientID").value; if you want to use HiddenField1's client ID. Your statement checks for the exact ID HiddenField1.ClientID which I think is not what you want. Its been a while since I worked in ASP .Net web forms but I think you got to use document.getElementById("<%=HiddenField1.ClientID%>").value;

Finally I dont know what your function slide() does??

Hope this helps.

Happy Progamming!!!

Regards,
Raja

Hi,

you can try this.

// code behind
protected void Button1_Click(object sender, EventArgs e)
{
    int[] x = new int[] { 1, 2, 3, 4, 5 };
    int[] y = new int[] { 1, 2, 3, 4, 5 };

    string xStr = getArrayString(x); // converts {1,2,3,4,5} to [1,2,3,4,5]
    string yStr = getArrayString(y);

    string script = String.Format("test({0},{1})", xStr, yStr);
    this.Page.ClientScript.RegisterStartupScript(this.GetType(),
    "testFunction", script, true);
    //this.Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
    //"testFunction", script, true); // different result
}
private string getArrayString(int[] array)
{
    StringBuilder sb = new StringBuilder();
    for (int i = 0; i < array.Length; i++)
    {
        sb.Append(array[i] + ",");
    }
    string arrayStr = string.Format("[{0}]", sb.ToString().TrimEnd(','));
    return arrayStr;
}

//aspx page
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    </span><span class="typ">Untitled</span><span class="pln"> </span><span class="typ">Page</span><span class="pun"></</span><span class="pln">title</span><span class="pun">></span><span class="pln"><br />    </span><span class="pun"><</span><span class="pln">script type</span><span class="pun">=</span><span class="str">"text/javascript"</span><span class="pun">></span><span class="pln"><br />    function test</span><span class="pun">(</span><span class="pln">x</span><span class="pun">,</span><span class="pln"> y</span><span class="pun">)</span><span class="pln"><br />    </span><span class="pun">{</span><span class="pln"><br />        </span><span class="kwd">var</span><span class="pln"> text1 </span><span class="pun">=</span><span class="pln"> document</span><span class="pun">.</span><span class="pln">getElementById</span><span class="pun">(</span><span class="str">"text1"</span><span class="pun">)</span><span class="pln"><br />        </span><span class="kwd">for</span><span class="pun">(</span><span class="kwd">var</span><span class="pln"> i </span><span class="pun">=</span><span class="pln"> </span><span class="lit">0</span><span class="pun">;</span><span class="pln"> i</span><span class="pun"><</span><span class="pln">x</span><span class="pun">.</span><span class="pln">length</span><span class="pun">;</span><span class="pln"> i</span><span class="pun">++)</span><span class="pln"><br />        </span><span class="pun">{</span><span class="pln"><br />            text1</span><span class="pun">.</span><span class="pln">innerText </span><span class="pun">+=</span><span class="pln"> x</span><span class="pun">[</span><span class="pln">i</span><span class="pun">];</span><span class="pln"> </span><span class="com">// prints 12345</span><span class="pln"><br />        </span><span class="pun">}</span><span class="pln"><br />        text1</span><span class="pun">.</span><span class="pln">innerText </span><span class="pun">+=</span><span class="pln"> </span><span class="str">"\ny: "</span><span class="pln"> </span><span class="pun">+</span><span class="pln"> y</span><span class="pun">;</span><span class="pln"> </span><span class="com">// prints y: 1,2,3,4,5</span><span class="pln"><br /><br />    </span><span class="pun">}</span><span class="pln"><br /><br />    </span><span class="pun"></</span><span class="pln">script</span><span class="pun">></span><span class="pln"><br /></span><span class="pun"></</span><span class="pln">head</span><span class="pun">></span><span class="pln"><br /></span><span class="str"><body></span><span class="pln"><br />    </span><span class="pun"><</span><span class="pln">form id</span><span class="pun">=</span><span class="str">"form1"</span><span class="pln"> runat</span><span class="pun">=</span><span class="str">"server"</span><span class="pun">></span><span class="pln"><br />    </span><span class="str"><div></span><span class="pln"><br />        </span><span class="pun"><</span><span class="pln">asp</span><span class="pun">:</span><span class="typ">Button</span><span class="pln"> ID</span><span class="pun">=</span><span class="str">"Button1"</span><span class="pln"> runat</span><span class="pun">=</span><span class="str">"server"</span><span class="pln"> </span><span class="typ">Text</span><span class="pun">=</span><span class="str">"Button"</span><span class="pln"><br />         onclick</span><span class="pun">=</span><span class="str">"Button1_Click"</span><span class="pln"> </span><span class="pun">/></span><span class="pln"><br />    </span><span class="pun"></</span><span class="pln">div</span><span class="pun">></span><span class="pln"><br />    </span><span class="pun"><</span><span class="pln">div id </span><span class="pun">=</span><span class="str">"text1"</span><span class="pun">></span><span class="pln"> <br />    </span><span class="pun"></</span><span class="pln">div</span><span class="pun">></span><span class="pln"><br />    </span><span class="pun"></</span><span class="pln">form</span><span class="pun">></span><span class="pln"><br /></span><span class="pun"></</span><span class="pln">body</span><span class="pun">></span><span class="pln"><br /></span><span class="pun"></</span><span class="pln">html</span><span class="pun">><br /><br /><br /></span><span class="pln"></span></code></pre></div><div class="comment-foot"></div></div></article></li><li class="comment-thread"><article class="comment"><a class="comment-photo-link" href="/members/amit-choudhary21" title="Amit Choudhary"><img class="comment-photo" src="https://cdn.c-sharpcorner.com/uploadfile/authorimage/vendettamit20151112111053.webp" alt="Amit Choudhary" title="Amit Choudhary" loading="lazy" data-avatar-name="Amit Choudhary" referrerPolicy="no-referrer"/></a><div class="comment-main"><div class="comment-head"><p class="comment-byline"><a href="/members/amit-choudhary21" class="comment-author">Amit Choudhary</a><span class="posted-when" tabindex="0"><time class="posted-when-value comment-time" dateTime="2011-03-04T01:17:05.210Z">15y<!-- --> ago</time><span class="posted-when-pop" role="tooltip"><span>Posted<!-- --> <!-- -->Mar 4, 2011, 1:17 AM</span></span></span></p></div><div class="article-body">HI Swati,<br /><br />I don't know if there's such method out-there.. to pass variables value to javascript. <br />well i have another idea to achieve this.. add an hidden field to your page assign the value of the array by adding all values comma separated. and then retreive the value from this hidden field through javascript and use Split() function to convert it back to an array.<br /><br />for e.g.,<br />string[] arr={asb,aba,aas};<br />use loop to make this array as comma separated string. then assign that string as hidden field value.<br />string arrstring="asb,aba,aas";<br />HiddenField1.value=arrstring;<br /><br />now in your aspx page retrieve the value using javascript.<br />string comsep=document.getElementById('<%HiddenField.ClientID%>');<br />var arr=comsep.Split(',');<br /><br />This solution is only for 1 dimensional array.<br />Hope this helps you.<br /><br />Please don't forget to mark "Do you like this answer" if it helps you.<br /><br />Thanks.</div><div class="comment-foot"></div></div></article></li></ul></section></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:1","S:1")</script><div style="display:none" id="S:3"></div><script>$RC("B:3","S:3")</script><div style="display:none" id="S:0"></div><script>$RC("B:0","S:0")</script></body></html>

13 Replies

Know the answer? Post it — somebody with the same question will find it here.

Suthish Nair15y ago
If the query got resolved, then mark the post that helped you as Answer so will be helpful for others. Otherwise if you got the solution please share with us.
Suthish Nair15y ago
Raja, good formatting
Sam Hobbs15y ago
Is this for an ASP application or web site? Then this question should be in the ASP forum.
Raja Krishnamurthy15y ago
I made fuction in aspx page dat is given below

so can u suggest hw to call dis function in pageload event of cs page.actually m calling it like dis bt its nt doing anything.
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Message", "", false);

I see two problems with the code.

1. For the Slide() function to work you got to use RegisterStartupScriptBlock (renders the JS at the end of the page) rather than using ClientScriptBlock;
2. You cannot just use var path = document.getElementById("HiddenField1.ClientID").value; if you want to use HiddenField1's client ID. Your statement checks for the exact ID HiddenField1.ClientID which I think is not what you want. Its been a while since I worked in ASP .Net web forms but I think you got to use document.getElementById("<%=HiddenField1.ClientID%>").value;

Finally I dont know what your function slide() does??

Hope this helps.

Happy Progamming!!!

Regards,
Raja
Eric Frazin15y ago
Jagan, has the correct answer. He simply creates the array using the String Builder class. The only part he left out was the actual saving of the .js/.html/.aspx, ect file.

I may be wrong about this does "this.Page.ClientScript.RegisterStartupScript" handle this already?

Here is the code to finish the process.

//Start Code:

private void SaveToFile(string FilePath) {

System.Text.StringBuilder Build = new System.Text.StringBuilder();

System.IO.TextWriter Save = new System.IO.StreamWriter(FilePath);

Save.Write(Build.ToString());

Save.Flush();

Save.Close();

}

private void ButtonSave_Click(object sender, EventArgs e) {

try

{

SaveToFile("JSTEST.html");

}

catch

{

}

}

//End Code!!!!!

I am primarily a VB programmer, fairly new to C# so please correct any mistakes you may find, as this code is untested. - BrÜ
Amit Choudhary15y ago
hi swati,
your question and what you have asked by giving example both are vice versa of eachother.. so you should be clear to your problem first, otherwise you'll get confuse and at last will find no exact solution..

Identifying the problem will ensure the way to the solution and reduce your time and effort.

:)
swati agrawal15y ago
pass code behind array to javascript fuction
Suthish Nair15y ago
Your actual question and the code are different. What you want to do? Pass JavaScript array to code behind or vice versa. follow the logic of button click given by Jagan.
Sam Hobbs15y ago
I think it is possible to make a COM object server using C#; do you know what a COM object server is?
swati agrawal15y ago
I made fuction in aspx page dat is given below

so can u suggest hw to call dis function in pageload event of cs page.actually m calling it like dis bt its nt doing anything.
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "Message", "", false);
Soft Corner15y ago
Hi Swati,

Take This Example of How can u pass ArrayList To JavaScript function

Jaganathan Bantheswaran15y ago