This is a migrated thread and some comments may be shown as answers.

Error! The requested URL did not return JSON.

26 Answers 701 Views

Grid

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

Stéphan Parrot asked on 04 May 2010, 03:13 PM

I have a very frustrating problem but tried all solutions I could find on the net, telerik's forum, blog posts but to no avail...
It only happens in IE 8... In Firefox, it's all working 100%
When using the Grid in Ajax mode (Ajax binding), in IE8, I get

Error! The requested URL did not return JSON.

I have tried to set the getters of my complex type objects in my Entity Model (I use EF4) to Internal as suggested here, I also traced the javascript code to find out that on line 5196 of jQuery.1.4.2.js that the data content is set to "" but should contain the JSON returned in my controller like this:

    
                    [GridAction]  
        
                    public ActionResult _Index(string productCode)  
        
                    {  
        
                         ViewData["productCode"] = productCode;  
        
                         return View(new GridModel(_productManager.GetProductList(productCode));  
        
                    }

My grid is set up like this:

    
            <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<SimpleProductDto>>" %>  
        
            <%  
        
                Html.Telerik().Grid(Model)  
        
                    .Name("products")  
        
                    .DataKeys(keys =>  
        
                        keys.Add(o => o.ID).RouteKey("id")  
        
                    )  
        
                    .DataBinding(dataBinding =>  
        
                    {  
        
                        dataBinding.Server().Select("Index", "Product", new { productCode = (string)ViewData["productCode"] ?? string.Empty });  
        
                        dataBinding.Ajax().Select("_Index", "Product", new { productCode = (string)ViewData["productCode"] ?? string.Empty });  
        
                    })  
        
                    .Columns(columns =>  
        
                    {  
        
                        columns.Bound(o => o.ID;  
        
                        columns.Bound(o => o.Name);  
        
                        columns.Bound(o => o.Description);  
        
                    })  
        
                        .Pageable((paging) =>  
        
                            paging.Enabled(true)                  
        
                            .PageSize(15)  
        
                            .Style(GridPagerStyles.Status |  GridPagerStyles.NextPreviousAndNumeric)  
        
                            .Position(GridPagerPosition.Both))                  
        
                        .Render();  
        
            %>

I'm really stumped on this one...

Thanks a lot!

Stéphan

26 Answers, 1 is accepted

answered on 17 Sep 2010, 03:15 PM

Hi Muhammad,
Sorry about the delay, I'm very busy!
Sadly, I haven't posted any replies in this thread about my deception about not being able to fix the issue...
The "fix" I've found out broke something else and in the end, we dropped the ajax usage for the grid and sticked to server binding.
Later on, we will try to get it working with ajax if possible at all but for now, we cannot afford to waste anymore time on kick-knacks such as these...
Sorry i can't come up with a better answer than this one...

Good luck and feel free to share your findings in here if you manage to fix the problem!

Stéphan

answered on 26 Oct 2010, 01:43 PM

I was just about to post this bug.

We also encounter it when the users clicks through to another page whilst the ajax request is still processing. Which is exactly what the last poster has described.

As a workaround you can just disable the error message in telerik.grid.js:

success: $.proxy(function(data, status, xhr) {

try {

data = eval('(' + data + ')');

} catch (e) {

// in case the result is not JSON raise the 'error' event

//if (!$t.ajaxError(this.element, 'error', xhr, 'parseeror'))

// alert('Error! The requested URL did not return JSON.');

return;

}

It's up to you if you consider this error worse than the alternative (hiding actual faults).

answered on 03 Oct 2011, 10:42 AM

Hi Cd,

The OnError event is raised when there is unhandled server-side exception or the action method which binds the grid does not return JSON. The latter may happen in case of session timeout. We can't tell if this happens in your case based on the post. You can use a sniffer tool (Fiddler, FireBug etc) to see what the actual server response is when the OnError event is raised. Then based on that info you can act accordingly.

Regards,
Atanas Korchev
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the Telerik Extensions for ASP.MET MVC, subscribe to their blog feed now

answered on 03 Oct 2011, 01:22 PM

Hi Cd,

We are not sure whether you are experiencing a session timeout or some other problem. Thus we cannot give any specific instructions about resolving it.

A good starting point would be to log somehow what the server response is when the OnError event is raised. There are two options to do so:

Use a traffic sniffer tool such as Fiddler or Firebug. You would be able to see the whole server response.
Use the OnError event itself to print the server response:

function Grid_onError(e) {

//the current XMLHttpRequest object

var xhr = e.XMLHttpRequest;

// get the raw server response and alert it

alert(xhr.responseText);

}

Regards,
Atanas Korchev
the Telerik team

answered on 29 Feb 2012, 07:48 AM

View

@(Html.Telerik().Grid(Model)
.Name("MediaCostConfig")
.EnableCustomBinding(true)
.HtmlAttributes(new { id = "Grid_wrapper" })
.DataKeys(keys => keys.Add(d => d.MediaCostConfigID))

.DataBinding(dataBinding => dataBinding
.Ajax().Update("Edit", "DisplayCostConfig"))

.Columns(columns =>
{
columns.Bound(d => d.MediaCostConfigID)
.Template(
@<text>
<input type='checkbox' id='chkMessage' name='checkedMovies' value='<#= MediaCostConfigID #>' />
</text>)
.ClientTemplate("<input type='checkbox name='checkedRecords' value='<#= MediaCostConfigID #>' />")
.Title("")
.Width(36)
.HtmlAttributes(new { style = "text-align:center" });
columns.Command(commands =>
{
commands.Edit().ButtonType(GridButtonType.Image);
}).Width(50);
columns.Bound(d => d.MediaCostConfigID).Width(0);
columns.Bound(d => d.SiteName).Width(100);
columns.Bound(d => d.PlacementName).Width(200);
columns.Bound(d => d.Placement);
columns.Bound(d => d.StartDate);
columns.Bound(d => d.EndDate);
columns.Bound(d => d.Units);
columns.Bound(d => d.Rate);
columns.Bound(d => d.Agency);
columns.Bound(d => d.Serving);
columns.Bound(d => d.CostStructureID).Width(0);
columns.Bound(d => d.CostStructure);
})
.Editable(editing => editing.Mode(GridEditMode.PopUp))
.ClientEvents(events => events.OnEdit("onEdit"))

.Pageable(paging => paging.Total(20))
//.Pageable(settings => settings.Total(20))
.Filterable()
.Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))
.Scrollable(scrolling => scrolling.Height(500))
)

Controller

public class DisplayCostConfigController : Controller
{

DCCManager dm = new DCCManager();
DateTime startDate = Convert.ToDateTime("01/01/2011");
DateTime endDate = Convert.ToDateTime("01/01/2012");

public ActionResult Index()
{
return View();
}

[HttpGet]
public ActionResult DCCHome()
{
GridCommand command = new GridCommand();
return View(dm.DCCSelectAll(startDate, endDate, command.Page, command.PageSize));
}

[HttpPost]
[GridAction(EnableCustomBinding=true)]
public ActionResult DCCHome(FormCollection collection,GridCommand command)
{
var data = dm.DCCSelectAll(startDate, endDate, command.Page, command.PageSize);
if (command != null)
{
var total = data.Count();
ViewData["Total"] = total;

data = ApplyPaging(command.Page, 10, data);
if (command.SortDescriptors != null)
{
command.SortDescriptors.Add(new SortDescriptor());

data = AdminHelper.ApplySorting(data, command.GroupDescriptors, command.SortDescriptors);
}
}
return View(data);
}

private IList<DCCResult> ApplyPaging(int currentPage, int pageSize, IList<DCCResult> data)
{
if (pageSize > 0)
{
data = data.Skip((currentPage - 1) * pageSize).ToList();
}

data = data.Take(pageSize).ToList();
return data;
}

answered on 29 Feb 2012, 10:05 AM

hi,

it was a little disconcerting, you don't have any ajax Select, and no "Edit" method in your controller.
try something like this (from the telerik example http://demos.telerik.com/aspnet-mvc/grid/custombinding and http://demos.telerik.com/aspnet-mvc/grid/editingajax ) :

@(Html.Telerik().Grid<YourModel>()

.Name("MediaCostConfig")

.EnableCustomBinding(true)

.HtmlAttributes(new { id = "Grid_wrapper" })

.DataKeys(keys => keys.Add(d => d.MediaCostConfigID))

.DataBinding(dataBinding => dataBinding

.Ajax().Update("Edit", "DisplayCostConfig")//Didn't exist in controller

.Select("DCCHome_Select","DisplayCostConfig")

.Columns(columns =>

{

columns.Bound(d => d.MediaCostConfigID)

.Template(

@<text>

<input type='checkbox' id='chkMessage' name='checkedMovies' value='<#= MediaCostConfigID #>' />

</text>)

.ClientTemplate("<input type='checkbox name='checkedRecords' value='<#= MediaCostConfigID #>' />")

.Title("")

.Width(36)

.HtmlAttributes(new { style = "text-align:center" });

columns.Command(commands =>

{

commands.Edit().ButtonType(GridButtonType.Image);

}).Width(50);

columns.Bound(d => d.MediaCostConfigID).Width(0);

columns.Bound(d => d.SiteName).Width(100);

columns.Bound(d => d.PlacementName).Width(200);

columns.Bound(d => d.Placement);

columns.Bound(d => d.StartDate);

columns.Bound(d => d.EndDate);

columns.Bound(d => d.Units);

columns.Bound(d => d.Rate);

columns.Bound(d => d.Agency);

columns.Bound(d => d.Serving);

columns.Bound(d => d.CostStructureID).Width(0);

columns.Bound(d => d.CostStructure);

})

.Editable(editing => editing.Mode(GridEditMode.PopUp))

.ClientEvents(events => events.OnEdit("onEdit"))

.Pageable()

.Filterable()

.Sortable(sort => sort.SortMode(GridSortMode.MultipleColumn))

.Scrollable(scrolling => scrolling.Height(500))

)

public class DisplayCostConfigController : Controller

{

DCCManager dm = new DCCManager();

DateTime startDate = Convert.ToDateTime("01/01/2011");

DateTime endDate = Convert.ToDateTime("01/01/2012");

public ActionResult Index()

{

return View();

}

[HttpGet]

public ActionResult DCCHome()

{

return View();

}

[GridAction(EnableCustomBinding=true)]

public ActionResult DCCHome_Select(GridCommand command)

{

if (command != null)

{

var data = dm.DCCSelectAll(startDate, endDate, command.Page, command.PageSize); //your entities model take page and pagesize in parametter, did it do paging it self? if yes, why paging in controller?

var total = data.Count();

data = ApplyPaging(command.Page, 10, data);// pageSize fixed to 10.. but you use the command.PageSize above

if (command.SortDescriptors != null)

{

command.SortDescriptors.Add(new SortDescriptor());

data = AdminHelper.ApplySorting(data, command.GroupDescriptors, command.SortDescriptors);

}

return View(new GridModel

{

Data = data,

Total = count

});

}

return View(new GridModel());

}

private IList<DCCResult> ApplyPaging(int currentPage, int pageSize, IList<DCCResult> data)

{

if (pageSize > 0)

{

data = data.Skip((currentPage - 1) * pageSize).ToList();

}

data = data.Take(pageSize).ToList(); // what if pageSize == 0 ?

return data;

}

I'm sure this will not work well because of the missing part. please give me a sample project to have more information.

Regards,

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Error! The requested URL did not return JSON.

26 Answers, 1 is accepted

I am stucked in this issue. Please help me out.

Error! The requested URL did not return JSON. kindly help ASAP. As i have to deliver the project. Thank You

I am stucked in this issue.
Please help me out.

Error! The requested URL did not return JSON.

kindly help ASAP. As i have to deliver the project.

Thank You