您的位置:首页 > Web前端 > JQuery

mvc2 使用jquery.ajax发送数据以及显示数据

2012-09-11 23:31 495 查看
效果如下图:



点击提交时,把文本框中的数据插入到数据库。

页面部分代码:



以下是jquery code:

$(function () {
$("#sendmsg").click(function () {//点提交时触发
$.ajax({
type: "POST",
url: "/Msg/SendMicroMsg/",//发送到MsgController里的SendMicroMsg  action里。
dataType: "json",
data: { "content": $("#contents").val() },  //把ID号为“contents”里的文字插入到数据库
success: function (data) {  //返回来的数据。
alert(data);
},
error: function (error) {
alert("error");
}
});
return false;
});
});


下面我们来Controller是怎么样获得参数:

/// <summary>
/// 发送微博信息
/// </summary>
public ActionResult SendMicroMsg(FormCollection frmCollection)
{
ISession _session = sm.GetSession();
string content = frmCollection["content"].ToString(); //获取ajax传过来的传参数。其它的代码你就不要管了,现你知道是获得参数了吧。写你的插入数据吧。
TRule tRule = new TRule(_session);
tRule.Post(content, userRule.GetCurrentUserId());
return Json(content);//在这里我也可以返回一个对象,或者一段拼接html代码:返回对象:Joson(new TRule{Id=4,Name="追夢"});
}


下图是点击提交后的效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: