ASP.NET MVC 4 之 Jquery Ajax

1//前台界面，一个下拉框，一根文本框
2<select id="SEX">
3    <option>男</option>
4    <option>女</option>
5    <option>未知</option>
6</select>
7<input id ="DESC"  type="text"/>
8
9//页面引入js
10<script type="text/javascript"  src="../../Scripts/MyAjax.js">
11
12//MyAjax.js的所有内容
13$(function () {
14    $("#SEX").change(
15function () {
16    $.ajax({
17        type: "Post",
18        url: "/Knoledge/Find", //页面名(不带controller)/要调用的后台方法名
19        data: "{'sex':'" + $('#SEX').val() + "'}", //json格式的字符串将参数传入后台，参数名必须一致
20        contentType: "application/json;charset=utf-8",
21        dataType: "json",
22        success: function (result) {
23            $("#DESC").attr("value", result.id);  //将获取到的值赋值给前台的控件，这里的d，如果后台返回的不是json字符串，而仅仅是一个值，那么所返回的值就包括在名为d的属性中
24         
25        },
26        error: function (err) {
27            alert("haha");
28        }
29    });
30});
31});
32
33 //KnoledgeController的find方法
34 public ActionResult Find(string sex)
35        {
36            var tempObj = new
37            {
38                id = "性别"+sex
39            };
40            return Json(tempObj, JsonRequestBehavior.AllowGet);
41        }

效果图就射这样子的