vc.js | mono repo contains the modules | Runtime Evironment library

Firstly,If you use asp.net core,no need use System.Web.Mvc.JsonRequestBehavior.AllowGet,otherwise,it will get 500 error when post back.

Secondly,you could use console.log(data) in success function to check the post back data,the format of these data should be Camel Case(data[i].balance and data[i].istanbulCardId).

At last,you need put all your js in @section Scripts{}.

Here is a whole working demo:

View:

Be sure add the following js and css file in _Layout.cshtml:

According to your description, I suggest you could try below codes to return the json result:

Here you show your bundle config but I wonder how your rendered page looks. Also how your Layout page looks.

In any case be sure when calling the bundles the order is correct and just to be sure test with direct references in a sample cshtml with no Layout.

After lot of debugging and code segregation, we found the block of code causing the form post on click of the form controls.

Below is the line of code which is causing form to get posted to the same Controller/Action :

Somebody else had exactly the same problem, I wrote an explanation as to what this error means there: https://stackoverflow.com/a/46320757/3122639

In your case, it looks like you are using an older build of laravel with elixir, which is now Laravel Mix, either way you need to make sure you are aliasing the runtime + compiler build in your webpack config. So, from the elixir docs it looks like you will need to create a file called webpack.conf.js file in the root of your project with the following:

I was able to finally get it working after more searches. Adding the anti forgery token may have been the underlying issue as i did not have it added before. Notice the URL, according to multiple sources this is the correct way to reference a URL in razor.

Although its working for some reason only the completed function is called, it never goes into success. This isnt causing issues at the moment.

AddApplication.cshtml

Thanks to Rory for providing me with a fix.

Changing source from source:"/AddApplication/GetURL"

to

source: "@Url.Action("GetURL","AddApplication")"

this resolves the 404 not found error

I'm seeing a few things that could be done to fix your error:

1. Use an arrow function for your callback to properly bind this to your component instance.

Replace this function: