How to register Javascript to a CS file?

Question

I have an aspx.cs page which has a method that needs to registers the Javascript file & a method. Could someone guide me as to how to register the JS file & a method in it.

aspx.cs

protected void Page_PreRender(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(this, this.GetType(),
        "TaskControlJSON", "<script language='javascript' 
        type='text/javascript'>" + objLoginJson + "</script>"
        , false);
}

Javascript file that needs to be registered to the cs file.

function GetLoginJson(strLoginJson) {
    if (strLoginJson != '' && strLoginJson != undefined) {
        var objLoginJson = eval('"+strLoginJson+"');
    }
    if (objLoginJson.LoginSuccess == "1") {

    }
    else if (objLoginJson.LoginSuccess == "0") {

        if (objLoginJson.txtUserName != '' && objLoginJson.txtUserName != '') 
        {
            $('#txtUserName').attr("class", objLoginJson.txtUserName);
        }
        if (objLoginJson.txtPassword != '' && objLoginJson.txtPassword != '') 
        {
            $('#txtPassword').attr("class", objLoginJson.txtPassword);
        }
        if (objLoginJson.txtTestTokenNumber1 != '' 
             && objLoginJson.txtTestTokenNumber1 != '') 
        {
            $('#txtTestTokenNumber1').attr("class"
               , objLoginJson.txtTestTokenNumber1);
        }
        if (objLoginJson.txtTestTokenNumber2 != '' 
             && objLoginJson.txtTestTokenNumber2 != '') 
        {
            $('#txtTestTokenNumber2').attr("class",
               objLoginJson.txtTestTokenNumber2);
        }
        if (objLoginJson.txtTestTokenNumber3 != '' 
            && objLoginJson.txtTestTokenNumber3 != '') 
        {
            $('#txtTestTokenNumber3').attr("class", 
               objLoginJson.txtTestTokenNumber3);
        }
        if (objLoginJson.txtTestTokenNumber4 != '' 
             && objLoginJson.txtTestTokenNumber4 != '') 
        {
            $('#txtTestTokenNumber4').attr("class",
                objLoginJson.txtTestTokenNumber4);
        }
    }
    return objLoginJson;
}

This method returns a Json string, if an user provides incorrect Login credentials. Thanks in advance.

nunespascal · Accepted Answer · 2012-08-22 05:10:22Z

2

Since you a pretty big block of javascript code, this is best kept in a separate js file.

You can use the ScriptManager.RegisterClientScriptInclude method to achieve this.

ScriptManager.RegisterClientScriptInclude(
            this,
            typeof(Page),
            "LoginScript",
            ResolveClientUrl("~/scripts/login.js"));

You have not specified how you will use your js function GetLoginJson, so I will just give a reference. Your js file could call it by something like this:

$(document).ready(function(){
    $("#loginButton").click(function(){
       var strLoginJson = "";//form the string as you need
       GetLoginJson(strLoginJson);
    });
});

answered Aug 22, 2012 at 5:10

nunespascal

17.7k2 gold badges45 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nunespascal Over a year ago

Your code will generate another script tag, I was trying to keep all the js in one file. Also, you can avoid the <script></script> tags if you set the last parameter to true.

AdiBoy · Accepted Answer · 2018-03-02 19:02:12Z

0

Ok, I did a little tweaking around & made it to work.

protected void Page_PreRender(object sender, EventArgs e)
{
    if (strLoginJson != string.Empty)
    {
        ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "LoginControlJSON", "<script language='javascript' type='text/javascript'>GetLoginJson(" + strLoginJson + ");</script>", false);
    }
}

edited Mar 2, 2018 at 19:02

user8280225

answered Aug 22, 2012 at 9:41

AdiBoy

1557 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to register Javascript to a CS file?

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related