jquery的ajax及注意事项

Posted 云飞九天

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery的ajax及注意事项相关的知识,希望对你有一定的参考价值。

1.引jquery包
<script type="text/javascript">
$(function () {
//根据学院动态填充专业
$("[name=depart]").change(function () {
var did= $(this).val();
if (did==-1){
alert("请选择学院");
$("[name=major]")[0].length=0;//[0]-->将jquery改为js
$("[name=major]")[0].add(new option("请选择",-1));//-->动态填充option复选框
} else {
$.ajax({
url: "/Educational/class/getallmajor",
data: "did" + did,
type: "post",
dataType: "json",
success: function (rs) {
$("[name=major]")[0].length=0;
$("[name=major]")[0].add(new option("请选择",-1));
for (var i = 0; i < rs.length; i++) {
$("[name=major]")[0].add(new Option(rs[i].majorname, rs[i].majorid));
}
}
})
}
})

 //动态确定班主任
$("[name=majorid]").change(function () {
var did= $("[name=deptid]").val();
var mid = $(this).val();
if (mid==-1) {
alert("请选择专业");
}
$.ajax({
url: "/Educational/class/getrolename",
data: "did" + did+"&mid="+mid,
type: "post",
dataType: "json",
success:function (rs) {
$("[name=classteacher]")[0].length=0;
for (var i = 0; i < rs.length; i++) {
$("[name=classteacher]")[0].add(new Option(rs[i].userName, rs[i].userName));
}
}
})
})




})


















































以上是关于jquery的ajax及注意事项的主要内容,如果未能解决你的问题,请参考以下文章

jquery ajax 方法及各参数详解

jquery的ajax与spring mvc对接注意事项

JQuery中$.ajax()方法参数详解 及 async属性说明

JQuery中Ajax详细参数使用案例

web及crm项目复习

jQuery结合accordion插件分析写插件的方法及注意事项