dForm from JSON returned from webmethod

[Mazolo]

Please help

I'm trying to render HTML returned from WebMethod in json format as below:

 

$(document).ready(

 

function () {

$.ajax({

type:

"POST",

contentType:

"application/json; charset=utf-8",

url:

"GetHTML.asmx/GetMarkup",

data:

"{}",

dataType:

"json",

success:

function (msg) {

var data = msg.hasOwnProperty("d") ? msg.d : msg;

//alert(data);

OnSucessCallBack(data);

},

error:

function (xhr, status, error) {

alert(xhr.statusText);

}

});

function OnSucessCallBack(data) {

//alert(data);

$(

"#myform").dform({

"action": "index.htm",

"method": "get",

"html": data

});

}

});

 

Data is as below:

[{ "name": "username", "id": "txt-username", "type": "text", "caption": "Username" }, { "name": "password", "id": "txt-password", "type": "password", "caption": "Password"}]

The data is rendered as text instead.

 

 

 

 

 

 

[Daff]

This is most likely because your webserver doesn't return application/json as the content type resulting in data itself being a string (you can easily find that out by console.log(typeof data)).

[Mazolo]

Thanks for response Daff

This is the webmethod, is there anything wrong with it? :

 

[

WebMethod]

[

ScriptMethod(ResponseFormat = ResponseFormat.Json)]

public string GetMarkup()//string formId

{

FormControl[] fcArr = new FormControl[2];

string markUp = "";

FormControl fc = new FormControl();

fc.name =

"username";

fc.id =

"txt-username";

fc.caption =

"Username";

fc.type =

"text";

fcArr[0] = fc;

fc =

new FormControl();

fc.name =

"password";

fc.id =

"txt-password";

fc.caption =

"Password";

fc.type =

"password";

fcArr[1] = fc;

markUp =

JsonConvert.SerializeObject(fcArr);

return markUp;

}

[Daff]

Hm, I'm not too familiar with .NET but you probably have to somehow tell it to send application/json. A good place to ask usually is stackoverflow.com.

[Mazolo]

Thanks Daff

You solved the problem, the webmethod returned a string that I had to parse to an array. I used $.parseJSON(data) to parse the string to an array. Thanks again you saved my life.