Ajax is not working in MVC 5

Question

0.00/5 (No votes)

See more:

Hello, I have another trouble in my project, I am trying to do an AjaxForm, but is not working, anyone knows what could be that?, here is my code...

HTML

@Ajax.ActionLink("Create", "Create" , new AjaxOptions()
{
    UpdateTargetId = "UpdateContent",
    InsertionMode = InsertionMode.Replace
} )

<div id="UpdateContent" style="text-align: center">
    
</div>

@section scripts
{
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
}

I have been trying to use Ajax in Asp.Net MVC 5 but it was in vain, i have included jquery.unobtrusive-ajax.min and everything, when i include everything and run the project, Visual Studio shows me this:

"Unhandled exception at line 5, column 2 in http://localhost:4194/Scripts/jquery.unobtrusive-ajax.min.js
0x800a1391 - Javascript Runtime Error: 'jQuery' is not defined"

Posted 22-Sep-14 10:47am

Cesar Bretana Gonzalez

Updated 23-Sep-14 9:09am

v3

Add a Solution

Comments

Sergey Alexandrovich Kryukov 22-Sep-14 18:55pm

Why do you have both *.js and *min.js at the same time? How could it possibly work?
—SA

[no name] 22-Sep-14 23:17pm

Its better to use the min.js only as it is minified and will load faster.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ashish__shukla · Answer 1 · 2014-09-22T20:50:00

Solution 2

Hi,

The above code seems fine.Just want to confirm if you are including the below scripts?

jquery-1.7.1.min.js
MicrosoftAjax.js
MicrosoftMvcAjax.js

Posted 22-Sep-14 20:50pm

ashish__shukla

Afzaal Ahmad Zeeshan · Answer 2 · 2014-09-23T08:44:00

The Console from the browser might tell you the error that is actually causing a trouble. You can use that console from the browser, by pressing the F12 key and then going to the Console.

Each error is displayed inside the console, to tell the developer what is an error in the website. Ajax errors, indirectly are the JavaScript errors that were caused and were the reasons for non executing a command set (function).

You can open the console, and then check what the Console is complaining when you try to send a request. It will trigger an error, if it doesn't. Make sure you're selecting correct element to run the request.