ASP.NET MVC 4 之 Jquery Ajax

//前台界面,一个下拉框,一根文本框
<select id="SEX">
    <option>男</option>
    <option>女</option>
    <option>未知</option>
</select>
<input id ="DESC"  type="text"/>
//页面引入js
<script type="text/javascript"  src="../../Scripts/MyAjax.js">
//MyAjax.js的所有内容
$(function () {
    $("#SEX").change(
function () {
    $.ajax({
        type: "Post",
        url: "/Knoledge/Find", //页面名(不带controller)/要调用的后台方法名
        data: "{‘sex‘:‘" + $(‘#SEX‘).val() + "‘}", //json格式的字符串将参数传入后台,参数名必须一致
        contentType: "application/json;charset=utf-8",
        dataType: "json",
        success: function (result) {
            $("#DESC").attr("value", result.id);  //将获取到的值赋值给前台的控件,这里的d,如果后台返回的不是json字符串,而仅仅是一个值,那么所返回的值就包括在名为d的属性中
         
        },
        error: function (err) {
            alert("haha");
        }
    });
});
});
 //KnoledgeController的find方法
 public ActionResult Find(string sex)
        {
            var tempObj = new
            {
                id = "性别"+sex
            };
            return Json(tempObj, JsonRequestBehavior.AllowGet);
        }

技术分享

效果图就射这样子的

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。