AJAX实现页面无刷新绑定数据,textbox输入数据,失去焦点,绑定课程,如何实现无刷新绑定?
1个回答
展开全部
我先说说思路,学号文本框焦点离开调用函数,函数中走ajax异步请求,后台用这个学号查询对应的课程,得到课程的id,然后在这个异步请求的成功回调函数中将查询出的课程id返回,让课程下拉框中value等于返回的课程id的option选项被选中。(Ajax的具体调用我就不赘述了)
<input type="text" id="学号" onblur="getSubject()"/>
<select id="课程" ></select>
1、首先,学号text的onblur调用个函数,例如:
function getSubject(){
//异步请求
$.ajaxRequest(){
//成功回调函数
onsuccess:function(json){
//得到返回的课程id
var subjectId =json.subjectId;
//绑定课程
document.getElementById('课程').value=subjectId;
}
}
}
补充:课程下拉框中每个option的value的值为对应的课程id值
<input type="text" id="学号" onblur="getSubject()"/>
<select id="课程" ></select>
1、首先,学号text的onblur调用个函数,例如:
function getSubject(){
//异步请求
$.ajaxRequest(){
//成功回调函数
onsuccess:function(json){
//得到返回的课程id
var subjectId =json.subjectId;
//绑定课程
document.getElementById('课程').value=subjectId;
}
}
}
补充:课程下拉框中每个option的value的值为对应的课程id值
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询