Ajax call not working on repeated call

Question

0.00/5 (No votes)

See more:

Hi There, can someone pls help me here, i am calling below ajax function on button click, this function is calls the controller method for 1st time , 2nd time and on 3rd time function is not calling controller method,without calling controller method it executes sucess block. i have tried adding asc:false in ajax options that dint work.

JavaScript

function Applicant() {
    $.ajax({
        type: "GET",
        url: "/CreateApplicationFromSearch/CreateApplicationFromSearch",
        contentType: "application/json; charset=utf-8",
        async: false,
        data: { "Applicant_id": ApplicantId, "Application_id": ApplicationId, "OfficeHolder_id": OfficeHolderId, "AccountDetail_Id": AccountDetailId, "contact_person_id": ContactPersonId },
        dataType: "html",
        success: function (data) {

            ("Sucess");
        },

        error: function () {
            alert("Errors arose.");
        }
    });

@using (Html.BeginForm("SaveApplicant", "CreateApplicationFromSearch", FormMethod.Post, new { Application_id = @ViewBag.Application_id, OfficeHolder_id = @ViewBag.OfficeHolder_id, enctype = "multipart/form-data", id = "ApplicantForm" }))

Code in Controller

C#

[httpGet]
[AllowAnonymous]

public ActionResult CreateApplicationFromSearch(int Applicant_id, int Application_id, string OfficeHolder_id, int? AccountDetail_Id, string contact_person_id, bool? CameFromLink, bool? Application_Submitted,bool? Validate_PartOne=false )

{
Applicant = Applicant_Service.GetApplicantById(Applicant_id);
@ViewBag.Application_id = Application_id;
ViewData["OfficeHolder_id"] = OfficeHolder_id;
ViewData["AccountDetail_Id"] = AccountDetail_Id;
ViewData["contact_person_id"] = contact_person_id;
return View("../Application/CreateApplicantFromSearch", Applicant);

}

What I have tried:

tried adding async: false in ajax options.

Posted 1-Aug-17 2:53am

Member 12697982

Updated 3-Aug-17 0:14am

v3

Add a Solution

Comments

Richard Deeming 1-Aug-17 14:24pm

The jQuery ajax method doesn't accept an option called "asc". Did you mean "cache" instead?

jQuery.ajax() | jQuery API Documentation[^]

Member 12697982 1-Aug-17 16:27pm

Sorry i have tried async: false, when you need that ajax request to be completed before the browser passes to other code

Richard Deeming 2-Aug-17 7:24am

You should avoid using the async flag, since it causes the browser to hang whilst the request is being processed.

Try using cache:false to see if the response is being cached.

Member 12697982 2-Aug-17 20:51pm

Hi Thanks (cache:false) did work

1 solution

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)

Richard Deeming · Answer 1 · 2017-08-03T00:14:00

As discussed in the comments, it's a caching issue. Adding cache:false to the AJAX call will work around the problem.

JavaScript

$.ajax({
    type: "GET",
    url: "/CreateApplicationFromSearch/CreateApplicationFromSearch",
    contentType: "application/json; charset=utf-8",
    cache: false, // <-- Prevent the request from being fulfilled from the cache
    ...

jQuery.ajax() | jQuery API Documentation[^]

Other options would include using a custom attribute on the action to disable browser caching:
c# - Prevent Caching in ASP.NET MVC for specific actions using an attribute - Stack Overflow[^]

C#

[AttributeUsage(AttributeTargets.Class | AttributeTargets.Method)]
public sealed class NoCacheAttribute : ActionFilterAttribute
{
    public override void OnResultExecuting(ResultExecutingContext filterContext)
    {
        filterContext.HttpContext.Response.Cache.SetExpires(DateTime.UtcNow.AddDays(-1));
        filterContext.HttpContext.Response.Cache.SetValidUntilExpires(false);
        filterContext.HttpContext.Response.Cache.SetRevalidation(HttpCacheRevalidation.AllCaches);
        filterContext.HttpContext.Response.Cache.SetCacheability(HttpCacheability.NoCache);
        filterContext.HttpContext.Response.Cache.SetNoStore();

        base.OnResultExecuting(filterContext);
    }
}

...

[HttpGet]
[NoCache]
[AllowAnonymous]
public ActionResult CreateApplicationFromSearch(...)

Or changing the action to use a POST request, which will never be cached.

C#

[HttpPost]
[AllowAnonymous]
public ActionResult CreateApplicationFromSearch(...)

JavaScript

$.ajax({
    type: "POST",
    url: "/CreateApplicationFromSearch/CreateApplicationFromSearch",
    contentType: "application/json; charset=utf-8",
    ...

HTTP/1.1: Caching in HTTP[^]
Some HTTP methods MUST cause a cache to invalidate an entity. ... These methods are:

PUT

DELETE

POST

Ajax call not working on repeated call

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us