Javascript Question
Show response in the div tag
i'm calling a method by ajax and i'm actually receiving a response, but i want to print that answer or show it in a div and i'm not doing that correctly.I want my response to be shown in a div#result
<div id="result"></div>
<input type="button" name="name" value="try" onclick="DepListQuery()" />
<script>
function DepListQuery() {
$.ajax({
type: 'GET',
url: '@Url.Action("GetData","Home")',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
alert(response);
},
failure: function (response) {
alert("something get wrong u.u");
}
});
}
</script>
here is my method
[HttpGet]
public ActionResult GetData()
{
var st = "kyo please help me u.u";
return Content(st);
}
Recommended for you: Get network issues from WhatsUp Gold. Not end users.
Answer Source
Firstly you need to change your GetData method to return Json:
[HttpGet]
public ActionResult GetData()
{
var st = "kyo please help me u.u";
return Json(new { success = true, message = st }, JsonRequestBehavior.AllowGet);
}
And then you can show the response in your div tag like this:
success: function (response) {
$('#result').text(response.message);
},
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download