How to show output in a div using partial rendering concept in MVC

Question

0.00/5 (No votes)

See more:

I am using render partial concept in MVC. Its not showing the output in div. While debugging everything is OK (Showing Staus 200 OK) but its not going inside success block.Below is my jquery function.

C#

function ShowNavigation() {
var jsonObj = {
    'Display': 'Index',
    taFormula: $('#taFormula').val()
};
$.ajax(
    {
        url: "/Home/Index",
        type: "POST",
        data: jsonObj,
        dataType: "json",
        contentType: 'application/json; charset=utf-8',
        success: function (data) {
            var message = data.Message;
            $("#contentDiv").html(message).val();
        }
    });

}

My Controller code is:

C#

[HttpPost]
   public ActionResult Index(FormCollection collection)
   {
       var val = collection["taFormula"].ToString();
       ViewBag.Output = GetValue(val);
       return View();
   }

Posted 19-Sep-11 23:35pm

Sharad Mishra

Add a Solution

2 solutions

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)

jim lahey · Answer 1 · 2011-09-20T00:55:00

You may need to return your value in a JSONResult and not a View:

http://geekswithblogs.net/michelotti/archive/2008/06/28/mvc-json---jsonresult-and-jquery.aspx[^]

C#

[HttpPost]
public JsonResult Index(FormCollection collection)
{
   var val = collection["Formula"].ToString();
   var myValue = GetValue(val);
   return this.Json(myValue);
}

Your jQuery $.ajax call is set up to use Json but you're returning an ActionResult and not a JsonResult, which may well be the cause of your problems. You could also try adding an error: handler to your $.ajax call to see if there's some more information coming back:

http://api.jquery.com/jQuery.ajax/[^]

Muralikrishna8811 · Answer 2 · 2011-09-20T23:01:00

Hi,

Using Jquery we can show results directly in thml tags like...

JavaScript

$("#tgid").load("/Home/Index",{},function(){alert("loading completed");});

or you can use this also

JavaScript

$.post("/Home/Index", {txt:"hi this is testing"}, function (data) {
 $("#tgid").html(data);
});

All the Best

How to show output in a div using partial rendering concept in MVC

2 solutions

Solution 1

Solution 3

Add your solution here

Preview 0