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

效果如下图:

mvc2 使用jquery.ajax发送数据以及显示数据_第1张图片

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

页面部分代码:

 

mvc2 使用jquery.ajax发送数据以及显示数据_第2张图片

以下是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="追夢"});
        }

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

mvc2 使用jquery.ajax发送数据以及显示数据_第3张图片

你可能感兴趣的:(jquery)