视图:
类型:
<select id="category" name="category"></select>
<select id="categoryid" name="categoryid"></select>
<script type="text/javascript">
Category();
Categoryid();
$("#category").change(function () {
Categoryid();
});
</script>
Js:
function Category() {
$.ajax({
url: "/Json/New.ashx",
dataType: "json",
cache: false,
data: "class=category",
type: "Post",
success: function (data) {
var msg;
for (var i = 0, length = data.cate.length; i < length; i++) {
msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";
}
$("#category").html(msg);
}
})
}
function Categoryid() {
var id = $("#category").val();
$.ajax({
url: "/Json/New.ashx",
dataType: "json",
cache: false,
data: "class=categoryid&id="+id,
type: "Post",
success: function (data) {
var msg;
for (var i = 0, length = data.cate.length; i < length; i++) {
msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";
}
$("#categoryid").html(msg);
}
})
}
后台:
后台就是把数据 Json转换出来
其中 有Model=》Json 可以直接打出来 用什么函数去了?明天弄
Datable=>json 通过自定义函数
链接:http://blog.csdn.net/sf1520398083/article/details/49228315
今日问题:
1.<select Id="test"></select>
$("#categoryid").html(msg); //select 里面只能是HTML
Jq改至有:text()文本、Html() 标签、Val()、attr() 属性值
2.Json传值过来有2中形式:1种有类名,一种没有类名
①:
{"cate":[{"CategoryId":"1","CategoryPid":"","CategoryName":"成人教育"},{"CategoryId":"2","CategoryPid":"","CategoryName":"职称考试"},{"CategoryId":"3","CategoryPid":"","CategoryName":"企业培训"},{"CategoryId":"9","CategoryPid":"","CategoryName":"官方公告"}]}
②:
:[{"CategoryId":"1","CategoryPid":"","CategoryName":"成人教育"},{"CategoryId":"2","CategoryPid":"","CategoryName":"职称考试"},{"CategoryId":"3","CategoryPid":"","CategoryName":"企业培训"},{"CategoryId":"9","CategoryPid":"","CategoryName":"官方公告"}]
在ajax中遍历取值的时候:
① 有类名 data.类名.length
for (var i = 0, length = data.cate.length; i < length; i++) {
msg += " <option value='" + data.cate[i].CategoryId + "'>" + data.cate[i].CategoryName + "</option>";
}
②无类名 data.length
for (var i = 0, length = data.length; i < length; i++) {
msg += " <option value='" + data[i].CategoryId + "'>" + data.CategoryName + "</option>";
}
3.下拉框刷新了1,但是2没反应,硬是要第一个选了后才行 哪里的问题了额?
问题图: