How do I pass model object to TypeScript in ASP.NET MVC?

Question

I have the following typescript in a file called Link.ts:

interface LinkConfig {
    token: string;
    url: string;
    redirectUrl: string;
}

async function postData(config: LinkConfig): Promise<void> {
    const postObject = {
        deviceToken: config.token,
        isLink: true
    };

    try {
        const result: any = await callRestEndpoint(config.url, 'POST', postObject);
        console.log("Post success:", result);

        const resultElement = document.getElementById("result");
        if (resultElement) {
            resultElement.appendChild(document.createTextNode(JSON.stringify(result)));
        }

        if (result.success) {
            window.location.href = config.redirectUrl;
        }
    } catch (error) {
        console.error("Post failed:", error);
        const resultElement = document.getElementById("result");
        if (resultElement) {
            resultElement.appendChild(document.createTextNode(JSON.stringify(error)));
        }
    }
}

In my ASP.NET MVC page model (the project is using Razor pages, not .cshtml) How do I pass my token, url and redirecturl into the Typescript object and then into the Typescript function?

Mike Brind · Accepted Answer · 2025-05-06 12:29:14Z

0

Typescript compiles to JavaScript. You should have a file called Link.js. Reference that in your page like any other JS file, and call the postData method:

<script>
    await postData({token: 'your token', url: 'your url', redirectUrl: 'your redirectUrl' });
</script>

answered May 6 at 12:29

Mike Brind

30.3k6 gold badges65 silver badges95 bronze badges

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

Collectives™ on Stack Overflow

How do I pass model object to TypeScript in ASP.NET MVC?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related