Insert Javascript Function Value in Partial View

Question

I have a javascript function which returns a value that I am trying to display in a table in my partial view.

In my main view I have something like this:

<script type="text/javascript">
    function myFunc(i) 
    {
        var url = '/myurl/?id=' + i;

        $.getJSON(url)
        .done(function (data) 
        {
            return data;
        }
    }
</script>

In my partial view html I am trying to do this:

<td><script>document.write(myFunc())</script></td>

The function gets called but it seems to always return undefined am I doing something wrong here?

with the semi-colon it doesn't get called at all, without the semi-colon I get the same result "undefined" — mgrenier
– mgrenier, Commented Jul 7, 2015 at 18:16
<script>var data = window.myFunc(); console.log(data); </script></td> — Vineet
– Vineet, Commented Jul 7, 2015 at 18:18
You should check window object in your partial view. Please check <script>console.log(window); </script> Please check whether you're getting your function here ? — Vineet
– Vineet, Commented Jul 7, 2015 at 18:21
After watching your code I got to know it was happening because of async call of ajax. — Vineet
– Vineet, Commented Jul 7, 2015 at 18:47

Zohaib Waqar · Accepted Answer · 2015-07-09 05:38:44Z

1

This is because you are not passing parameter in function and function aspect parameter.. which is null at this stage.

your call ...

document.write(myFunc())
and your Function

function myFunc(i)
so your URl become

var url = '/myurl/?id=' + Null; // some thing like this

so URL is not correct and hence not getting correct data

answered Jul 9, 2015 at 5:38

Zohaib Waqar

1,24911 silver badges23 bronze badges

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

Comments

mgrenier · Accepted Answer · 2015-07-07 18:45:41Z

0

Silly me, once I realized this was an asynchronous issue the solution was obvious and I should have done this in the first place...

<script type="text/javascript">
    function myFunc(i) 
    {
        var url = '/myurl/?id=' + i;

        $.getJSON(url)
        .done(function (data) 
        {
            document.getElementById("myDiv").innerHTML = data;
        }
    }
</script>

This did the trick.

answered Jul 7, 2015 at 18:45

mgrenier

1,4573 gold badges23 silver badges46 bronze badges

Collectives™ on Stack Overflow

Insert Javascript Function Value in Partial View

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related