asp.net - MVC 4 - 500 error on JSON call -


i have started using vs2012 (yes time). have mvc 4 app.

im making json call data db render in html.

but im getting 500 internal server error can see in fiddler.

im not sure how debug because cant find see c# exception if issue is.

so im calling getrecipe in javascript.

public jsonresult getrecipe(int rid) {      var recipe = _rep.getrecipe(rid);       return json(recipe, jsonrequestbehavior.allowget); }

my script is

var dataservice = new function () { var servicebase = '/recipes/'     getrecipeslist = function (callback) {         $.getjson(servicebase + 'getrecipeslist', {}, function (data) {             callback(data);         });      };      getrecipe = function (rid, callback) {         $.getjson(servicebase + 'getrecipe', {rid:rid}, function (data) {             callback(data);         });      }; return {     getrecipeslist: getrecipeslist,     getrecipe: getrecipe };

} ();

var renderer = new function () { renderlist = function () {     dataservice.getrecipeslist(renderlistdiv); },  renderlistdiv = function (recipes) {     var listdiv = $('#listdiv');     listdiv.html("");     $(recipes).each(function (index) {         var table = '<table>';         table += ('<tr><td><a class="recipelink" href="#recipelist-' + this.recipeid + '">' + this.recipetitle + '</a></td></tr>');         table += '</table>';         listdiv.append(table);     }); },  selectedrecipe = function (anchor) {     var href = $(this).attr("href");     var rid = href.split("-")[1];     dataservice.getrecipe(rid, renderrecipe); };  renderrecipe = function (recipe) {     var recipediv = $('#recipediv');      var html = '<h1>' + recipe.recipetitle + ' (' + recipe.recipeid + ')</h1>';     html += '<h4>preparation time: ' + gettimestring(recipe.preptime) + '</h4>';     html += '<h4>cooking time: ' + gettimestring(recipe.cooktime) + '</h4>';     var count = recipe.ings.length;     var colmax = math.ceil(count / 2);     var colleft = 0;     var colright = colmax;     html += '</br><table id="ingredientstable">';     (colleft = 0; colleft < colmax; colleft++) {         html += '<tr>';         html += '<td>' + recipe.ingredients[colleft].units + ' ' + recipe.ingredients[colleft].measure + ' ' + recipe.ingredients[colleft].ingredientname + '</td>';         if(colright < count)             html += '<td>' + recipe.ingredients[colright].units + ' ' + recipe.ingredients[colright].measure + ' ' + recipe.ingredients[colright].ingredientname + '</td>';         colright += 1;         html += '</tr>';     }     html += '</table>';     html += '<h4>method</h4>';     html += '<p>' + recipe.method + '</p>';      recipediv.html(html);      numingredients = 0;     editorform.loadeditor(recipe); };  clearrecipe = function () {     $('#recipediv').html(""); };  gettimestring = function (time) {     if (time < 60)         return time + ' min';     return time / 60 + ' hours' };  changefont = function () {     $('body').css("font-family", "comic sans ms"); };  return {     renderlist: renderlist,     selectedrecipe: selectedrecipe,     changefont: changefont,     clearrecipe: clearrecipe,  };

}();

the browser's developer tools might place additional information. in chrome can press f12 bring dev tools window. click on network tab , fire off ajax call. see failed request highlighted in red. if click on see error has been returned mvc.

i have provided screenshot in question: ajax call 'failed load resource : server responded status of 500'


Comments

Post a Comment

Popular posts from this blog

javascript - Jquery show_hide, what to add in order to make the page scroll to the bottom of the hidden field once button is clicked -

i have button on website when clicked, reveals map. button can seen when page first loads up, when clicked, section holding map slides open , goes out of screen since page loads @ top (normal). want page scroll down bottom of div select when button pushed, if map out of screen. if page scrolled down, , clicks show map button, don't want page jump bottom of map. i tried figure out myself, no luck. seasoned jquery coders able give me guidance? many thanks! map = mapdiv.gmap3("get"); infobox = new infobox({ pixeloffset: new google.maps.size(-220, -310), closeboxurl: '', enableeventpropagation: true }); mapdiv.delegate('.infobox .close','click',function () { infobox.close(); }); jquery(".slidingdiv").hide(); jquery(".show_hide").show(); jquery('.show_hide').click(function(){ lastcenter=map.getcenter(); jquery(".slidingdiv&quo
Read more

javascript - Highcharts multi-color line -

Image
i looking create highchart multi-colored line. if goes down under value, become red, , when comes on value, become green . here picture example: or maybe highcharts have other charts models differentiate high or low level color? you can achieve coloring using lineargradient coloring: color: { lineargradient: { x1: 0, x2: 0, y1: 0, y2: 1 }, stops: [ [0, 'red'], [0.25, 'yellow'], [0.50, 'green'], [0.75, 'yellow'], [1, 'red'] ] } here 0 in stops relates minimum value of series , 1 maximum value, , in between percentages between values. if find percentages according values prior creating chart use correct stops values make relate specific values in data (at least approximately). see this jsfiddle example .
Read more

javascript - Enter key does not work in search box -

tried search guys sorry. input in search box doesnt work (or search) when hit enter when user clicks search button. doing wrong? here code. thanks. <script type="text/javascript"> $(document).ready(function() { $("#submit").click(function() { var url = "http://asla.org/awardssearch.html"; url += "?s=" + $('#googlecse').val(); window.location = url; }); $('#googlecse').keydown(function(event) { if (event.keycode == '13') { $("#submit").click(); } else { //do nothing :) } }); }); </script> <form class="navbar-form navbar-right" role="search"> <div class="search"> <input id="googlecse" type="text" onblur="if(this.value=='')this.value=this.defaultvalue;" onfocus="if(this.value==this.defaultvalue)t
Read more