Question: I have 3 radio buttons. I want such logic: when I push the radio button 
the required action method will be called. I don't know how to do it using
JQuery. Are there any of others varients ?

```
<h3>Gender:</h3>

    @Html.RadioButton("Gender", "All", true, new {id = "radioAll"})
    @Html.Label("All")

<br/>

    @Html.RadioButton("Gender", "Male", false, new {id = "radioMale"})
    @Html.Label("Male")

<br/>
@Html.RadioButton("Gender", "Female", false, new {id = "radioFemale"})
@Html.Label("Female")

// I tried to find out a decision but couldn't.
<script>
    $(document).ready(function () {
    var url = '@Url.Action("ShowUsers", "Home")';

    if ($("#radioMale").attr("checked") === "checked") {
        $.post(url, 'choice=' + "Male");
    }
});
</script>

```

Answer: 
There are many ways to do that:

* import json if it is inside of your app: `import * as json from './test'; //will import test.json`
* download file using `Http` and do `map(res=>res.json())`
* for webpack use json-loader plugin: `var json = require('./my.json')`
* for gulp/grunt etc. you could write code generator
I stash my Mock JSON data into a ts file like a variable. i.e

```
export var getMockResponseJSON = { 'key': value };

```

Later when I want to reach this variable, I simply import it like:

```
import {getMockResponseJSON} from "../JSONs";

```

and use it in my class

```
expect(getMockResponseJSON.key).not.toEqual(1);

```