CODEWITHSUNDEEP
c#asp.netjsonjqueryjson.net
Scorpio
Scorpio

Reputation: 1171

unable to render Json string on client side

ascx.cs

protected string BindData()
   {
    List<Product> products = product.GetRepeaterData(prod);
    string json = JsonConvert.SerializeObject(products);
     return json;
   }

ascx

 <script type="text/javascript" language="javascript">
function doSomething() {

    $.ajax({
        type: "POST",
        url: "/ProgramListSimple.aspx/BindData",
        data: "{}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (msg) {
            alert(msg);
        }
    });
 };

I am not able to see any alert ..I dont know if the ajax function is doing what it is suppose to do..this code is for user control & not on the aspx page does that matter? while debugging I am able to see the serialized data in json string. Its just that its not rendering on the client side....working on it since morning now I need some help please..any examples or any doc can also be useful..

Upvotes: 0

Views: 383

Answers (2)

Scorpio
Scorpio

Reputation: 1171

I created a new aspx page. Transfered all the code behind logic to the aspx.cs from ascx.cs. The just called the url of the aspx page from my ascx page using ajax callback

        type: "GET",
        url:'<%=VirtualPathUtility.ToAbsolute("~/ProgramListSimpledetail.aspx") %>',
        data: dataObject,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data)

I just added a small part of the fix that is very important for this to work other then this there were bunch of things that were added to make the ascx page inherit the properties from the apsx page.... but I think that was mainly related to my code...so I hope this helps someone in future...thanks for all those who tried to contribute..

Upvotes: 1

Jupaol
Jupaol

Reputation: 21365

You have to use the d property

alert(msg.d);

If you are using Chrome or Firefox to debug use the following to inspect a JavaScript object:

console.log("%o", msg);

In Chrome press Ctrl + Shift + J to show the developer console

Upvotes: 1

Related Questions