Sending Json with data with partial view

Question

I have the following chtml code to an action in a controller. The data is being sent by ajax to the action. The chtml part:

<li>
    <button id="abandon-popup" onclick="Transfer(@Model.Id)">
       Transfer <i class="icon-arrow-right"></i>
    </button>
</li>

The function Transfer:

function Transfer(modelId) {
    //alert(modelId);
    $.ajax({

        type: "GET",
        url: "/Internet/Transfer",
        data: "id=" + modelId,
        success: function (responsedata) {
            alert("ok");
            window.location.href = responsedata.newUrl;
        },
        error: function (data) {
          console.log("KO");
        }
    })
}

The action in the controller:

public ActionResult Transfer(long id)
{
  *some actions*
  return Json(new { newUrl = PartialView("~/Views/Shared/Partials/Leads/_TransferPopup.cshtml", commonModel) });
}

However I am getting a 500 internal error on this:

This request has been blocked because sensitive information could be disclosed to third party web sites when this is used in a GET request. To allow GET requests, set JsonRequestBehavior to AllowGet

Any idea how to correct this?

Maths RkBala · Answer 1 · 2018-06-01T06:39:34.250

0

Try this following:

return Json(new { newUrl = PartialView("~/Views/Shared/Partials/Leads/_TransferPopup.cshtml", commonModel) });

into

return Json(new { newUrl = PartialView("~/Views/Shared/Partials/Leads/_TransferPopup.cshtml", commonModel) }, JsonRequestBehavior.AllowGet);

Change GET method to POST method the following way:

Client side:

function Transfer(modelId) {
//alert(modelId);
$.ajax({

    type: "POST",
    url: "/Internet/Transfer",
    data: {id: modelId},
    success: function (responsedata) {
        alert("ok");
        window.location.href = responsedata.newUrl;
    },
    error: function (data) {
      console.log("KO");
    }
})
}

Controller side:

[HttpPost]
public ActionResult Transfer(long id)
{
  *some actions*
  return Json(new { newUrl = PartialView("~/Views/Shared/Partials/Leads/_TransferPopup.cshtml", commonModel) });
}

edited Jun 01 '18 at 06:39

answered Jun 01 '18 at 05:30

Maths RkBala

2,207
3
18
21

I don't want to use JsonRequestBehavior.AllowGet – refresh Jun 01 '18 at 05:35
MVC does not support return json data get method without JsonRequestBehavior.AllowGet. So you can change the method – Maths RkBala Jun 01 '18 at 05:40
change the method how? – refresh Jun 01 '18 at 05:42

Saurin Vala · Answer 2 · 2018-06-01T05:34:43.030

0

Use this

  return Json(new { newUrl = PartialView("~/Views/Shared/Partials/Leads/_TransferPopup.cshtml",
                             commonModel
                 )}, JsonRequestBehavior.AllowGet);

By default, the ASP.NET MVC framework does not allow you to respond to an HTTP GET request with a JSON payload. If you need to send JSON in response to a GET, you'll need to explicitly allow the behavior by using JsonRequestBehavior.AllowGet as the second parameter to the Json method. However, there is a chance a malicious user can gain access to the JSON payload through a process known as JSON Hijacking. You do not want to return sensitive information using JSON in a GET request.

edited Jun 01 '18 at 05:34

answered Jun 01 '18 at 05:31

Saurin Vala

1,898
1
17
23

Any other way of sending the data without the JsonRequestBehavior.AllowGet option? – refresh Jun 01 '18 at 05:34
If your action has the HttpPost attribute, then you do not need to bother – Saurin Vala Jun 01 '18 at 05:37
By the way, any reason for not to use it? you can try with action-attribute further. see this : https://stackoverflow.com/a/28718745/4153829 – Saurin Vala Jun 01 '18 at 05:39
you can use this : **[HttpPost]** public ActionResult Transfer(long id) – Saurin Vala Jun 01 '18 at 05:43
Now I getting error The resource cannot be found. with HttpPost. Please help.. Ok it is not even hitting my action in the controller despite changing th etype from GET to POST in the transfer function. – refresh Jun 01 '18 at 05:49
Did you update ajax ? $.ajax({ ** type: "POST", ** – Saurin Vala Jun 01 '18 at 05:53

Sending Json with data with partial view

2 Answers2