构建ASP.NET MVC4&JQuery&AJax&JSon示例

Posted 2020-10-03 jiangcm

<div>
输入你的姓名：
<input type="text" id="txtName" /><br />
输入你的年龄：
<input type="text" id="txtAge" /><br />
<button type="button" id="btn1" ">提交</button>
<button type="button" id="btn2">清空</button>
<p id="display"></p>
<script src="/Scripts/jquery-1.10.2.min.js"></script>
<script>
$("#btn1").click(function () {
var data = "";
var name = $("#txtName").val();
var age = $("#txtAge").val();
data += "&Name=" + encodeURI(name);
data += "&Age=" + encodeURI(age);
$.ajax({
async: true,
cache: false,
timeout: 60 * 60 * 1000,
data: data,
type: "GET",
datatype: "JSON",
url: "/Ajax/DoWithUsers",
@*success: function (result) {
$("#display").text(result);
},*@
success: function (result) {
result = JSON.parse(result);
$("#display").text(result.Name + result.Message);
},
error: function (result) {
$("#display").html("error");
},
});
});
</script>
</div>

 

public ActionResult AddUsers()
{
var my = new MyModel();
string result = string.Empty;
if (Request.IsAjaxRequest())
{
this.UpdateModel(my);
string name = my.Name;
int age = my.Age;
if (age < 18) result = name + "的文章好烂啊";
else result = name + ",记得烂也要写";
}
return Content(result);
}

public ActionResult DoWithUsers()
{
var my = new MyModel();
try
{
this.UpdateModel(my);
string name = my.Name;
int age = my.Age;
string temp = "";
if (age < 18) temp = "的文章好烂啊";
else temp = ",记得烂也要写";
javascriptSerializer jss = new JavaScriptSerializer();
Console.WriteLine("1");
Console.WriteLine(Json(jss.Serialize(new { Name = name, Message = temp }), JsonRequestBehavior.AllowGet).ToString());
return Json(jss.Serialize(new { Name = name, Message = temp }), JsonRequestBehavior.AllowGet);
}
catch (Exception ex)
{
return null;
}
}