jquery load returns empty, possible MVC 2 problem?

Question

I have a site that need to get some data from a different sit that is using asp.net MVC/

The data to get loaded is from these pages:
http://charity.hondaclassic.com/home/totaldonations
http://charity.hondaclassic.com/Home/CharityList

This should be a no brainer but for some reason I get an empty response, here is my JS:

<script>
     jQuery.noConflict();
     jQuery(document).ready(function($){
            $('.totalDonations').load('http://charity.hondaclassic.com/home/totaldonations');
        $('#charityList').load('http://charity.hondaclassic.com/home/CharityList');
     });

 </script>

in firebug I see the request is made and come back with a response of 200 OK but the response is empty, if you browse to these pages they work fine! What the heck?

Here are the controller actions from the MVC site:

public ActionResult TotalDonations() {
            var total = "$" + repo.All<Customer>().Sum(x => x.AmountPaid).ToString();
            return Content(total);
        }

        public ActionResult CharityList() {
            var charities = repo.All<Company>();
            return View(charities);
        }

Someone please out what stupid little thing I am missing - this should have taken me 5 minutes and it's been hours!

when you go to the charity.hondaclassic.com website it throws an error, must specifiy the 'varByParam' attribute — Anthony Forloney
– Anthony Forloney, Commented Nov 30, 2009 at 21:18
to correct my comment, the link that doesn't work are the ones inside your question, the links inside your code works. — Anthony Forloney
– Anthony Forloney, Commented Nov 30, 2009 at 21:19
fixed my spelling error and I was adding in output caching real quick, sorry about that — Slee
– Slee, Commented Nov 30, 2009 at 21:47

tvanfosson · Accepted Answer · 2009-11-30 21:37:37Z

2

The same origin policy prevents loading HTML from another web site via AJAX. The right way to do this would be to have the methods detect if the request is coming from AJAX and return JSONP instead.

public ActionResult TotalDonations( string callback )
{
    var total = "$" + repo.All<Customer>().Sum(x => x.AmountPaid).ToString();
    if (!string.IsNullOrEmpty(callback))
    {
       return Content( callback + "( { total: " + total + " } );" );
    }
    else
    {
        return Content(total);
    }
}

...
$.getJSON('http://charity.hondaclassic.com/home/totaldonations?callback=?',
          function(data) {
              $('.totalDonations').html( data.total );
          });

edited Nov 30, 2009 at 21:37

answered Nov 30, 2009 at 21:30

tvanfosson

534k102 gold badges703 silver badges801 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Slee Over a year ago

that didn't change a thing for me - thanks though - I just did it server side

Slee Over a year ago

I am sure the same origin policy is the problem here, thanks for the help

Josh Mein · Accepted Answer · 2009-11-30 21:24:06Z

0

your totaldonations link is missing the o in total

>  $('.totalDonations').load('http://charity.hondaclassic.com/home/ttaldonations');

should be

$('.totalDonations').load('http://charity.hondaclassic.com/home/totaldonations');

answered Nov 30, 2009 at 21:24

Josh Mein

28.6k15 gold badges79 silver badges89 bronze badges

1 Comment

Slee Over a year ago

sorry, i did that to test what wold happen for a 404 and I forgot to change it back before posting, still returns empty content

Slee · Accepted Answer · 2009-11-30 22:03:36Z

0

I ended up just doing it server side to avoid the same origin policy mentioned above:

Dim totalDonations As String
    Dim charities As String

    Using Client As New System.Net.WebClient()
      totalDonations = Client.DownloadString("http://charity.hondaclassic.com/home/totaldonations")
      charities = Client.DownloadString("http://charity.hondaclassic.com/home/CharityList")
    End Using

worked like a charm.

answered Nov 30, 2009 at 22:03

Slee

28.4k55 gold badges151 silver badges249 bronze badges

Collectives™ on Stack Overflow

jquery load returns empty, possible MVC 2 problem?

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related