$.ajax 提交数据到后台.

时间:2022-01-01 19:24:18
//AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML -- (Extensible Markup Language 可扩展标记语言))。
//AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术
<script src="~/Scripts/jquery-1.8.2.min.js"></script> <script type="text/javascript">
$(
function ()
{
$(
"#btnadd").click(function ()
{
var model = [];
model.push($(
"#txtAge").val(), $("#txtName").val());

$.ajax({
url:
'/Home/AddUsers',
data: JSON.stringify(model),
//传给服务器的数据(即后台AddUsers()方法的参数,参数类型要一致才可以)
type: 'POST',
contentType:
'application/json;charset=utf-8',//数据类型必须有
async: true,//异步
success: function (data) //成功后的回调方法
{
alert(data)
//弹出框
}
});
});
});

</script>
//后台代码

public ActionResult AddUsers(string[] person)//界面传进来的类型要和方法参数一致,要不然$.ajax提交不了数据.
{
EFInsertToSQL(person);
var my = person;
string result = string.Empty;
if (Request.IsAjaxRequest())
{
string name = my[0];
string age = my[1];
if (age.ToString() == "18") result = name + "阿蒙";
else result = name + "耨改";
}
return Content(result);
}