Javascript Jquery mobile获取listview所选项目并将其文本发送到另一个页面
我制作了一个包含listwiew的JQM应用程序,我想将choosen项文本发送到另一个页面,使用该文本通过ajax从服务器获取数据 第一页Javascript Jquery mobile获取listview所选项目并将其文本发送到另一个页面,javascript,jquery,listview,jquery-mobile,Javascript,Jquery,Listview,Jquery Mobile,我制作了一个包含listwiew的JQM应用程序,我想将choosen项文本发送到另一个页面,使用该文本通过ajax从服务器获取数据 第一页 `<div data-role="page" id="hteacher" > <div data-role="header" data-position="fixed"> <h1>Welcome teacher 1</h1> <div data-role="navbar"> <ul&g
`<div data-role="page" id="hteacher" >
<div data-role="header" data-position="fixed">
<h1>Welcome teacher 1</h1>
<div data-role="navbar">
<ul>
<li><a href="#hteacher" data-icon="home">Home</a></li>
<li><a href="#t_addclass" data-icon="plus" data-rel="dialog">ADD Class</a></li>
<li><a href="#msg_page" data-icon="star" data-rel="dialog">MSG</a></li>`<div data- role="page" id="hteacher" >
<div data-role="header" data-position="fixed">
<h1>Welcome teacher 1</h1>
<div data-role="navbar">
<ul>
<li><a href="#hteacher" data-icon="home">Home</a></li>
<li><a href="#t_addclass" data-icon="plus" data-rel="dialog">ADD Class</a></li>
<li><a href="#msg_page" data-icon="star" data-rel="dialog">MSG</a></li>
</ul>
</div>
</div>
<div data-role="content">
<p></p>
<h2>list of classes </h2>
<ul data-role="listview" id="classes_list" data-autodividers="true" data-inset="true" data-filter="true">
<script>
$( document ).delegate("#hteacher", "pagecreate", function() {
$.post("teacher_login.php", { teacher_user:teacher_user , get_classes:"1"} , function(data ,status){
var obj = jQuery.parseJSON( data );
$.each(obj,function(){
var str =this['class_un'];
var html = ' <li><a href="#" ><img src="class1.jpg">'+ str + '</a></li>';
$("#classes_list").append (html).listview("refresh");
});
});
$('#classes_list').on('click','li', function () {
teacher_choose_class = $(this).text();
$.mobile.changePage("#teacher_classes");
});
});
</script>
</ul>
</div>
<div data-role="footer" data-position="fixed">
<h1>Welcome To .....</h1>
</div>
`
欢迎老师1
`
欢迎老师1
课程表
$(document).delegate(“#hteacher”,“pagecreate”,function()){
$.post(“teacher\u login.php”,{teacher\u user:teacher\u user,get\u classes:“1”},函数(数据,状态){
var obj=jQuery.parseJSON(数据);
$.each(对象,函数(){
var str=这个['class_un'];
var html='';
$(“#类列表”).append(html).listview(“刷新”);
});
});
$(“#类列表”)。在('click','li',函数(){
教师_choose_class=$(this).text();
$.mobile.changePage(“教师课程”);
});
});
欢迎来到。。。。。
要向其发送所选项目文本的第二页
<div data-role="page" id="teacher_classes" >
<div data-role="header" data-position="fixed">
<h1>Welcome to class A</h1>
<div data-role="navbar">
<ul>
<li><a href="#hteacher" data-icon="home">Home</a></li>
<li><a href="#attend" data-icon="check" data-rel="dialog">Take Attendance</a></li>
</ul>
</div>
</div>
<div data-role="content">
<p></p>
<h2>class student </h2>
<ul data-role="listview" id="student_list_class" data-autodividers="true" data-inset="true" data-filter="true">
<script>
$("#teacher_classes").live("pageshow",function(event){
alert(teacher_choose_class);
$.post("teacher_login.php", { class_un:teacher_choose_class , get_students:"1"} , function(data ,status){
var obj = jQuery.parseJSON( data );
$.each(obj,function(){
var str =this['child_name'];
var html = ' <li><a href="#put_grade"><img src="student1.jpg">'+ str + '</a></li>';
$("#student_list_class").append (html).listview("refresh");
});
});
});
</script>
</ul>
</div>
<div data-role="footer" data-position="fixed">
<h1>Welcome To .....</h1>
</div>
欢迎来到A班
班级学生
$(“#教师课程”)。现场(“页面展示”,功能(活动){
警惕(老师选择班级);
$.post(“teacher\u login.php”,{class\u un:teacher\u choose\u class,get\u students:“1”},函数(数据,状态){
var obj=jQuery.parseJSON(数据);
$.each(对象,函数(){
var str=这个['child_name'];
var html='';
$(“#学生列表#类”).append(html).listview(“刷新”);
});
});
});
欢迎来到。。。。。
我让teacher_choose_class作为全局变量问题是这个变量的值显示在警报消息中,但是当使用这个变量通过ajax获取数据时,没有数据返回在代码的ajax部分,放置一个
警报(数据)返回时的代码>以查看返回的内容。假设您要返回一个JSON对象数组,每个对象都有一个名为child_name的属性,请尝试:
$("#teacher_classes").live("pageshow",function(event){
alert(teacher_choose_class);
$.post("teacher_login.php", { class_un:teacher_choose_class , get_students:"1"} , function(data ,status){
alert(data);
var obj = $.parseJSON(data);
var html = '';
$.each(obj,function(i, item){
var str =item.child_name;
html += '<li><a href="#put_grade"><img src="student1.jpg">'+ str + '</a></li>';
});
$("#student_list_class").append(html).listview("refresh");
});
});
$(“#教师课程”)。现场(“页面展示”,功能(事件){
警惕(老师选择班级);
$.post(“teacher\u login.php”,{class\u un:teacher\u choose\u class,get\u students:“1”},函数(数据,状态){
警报(数据);
var obj=$.parseJSON(数据);
var html='';
$。每个(对象、功能(i、项目){
var str=item.child\u名称;
html+='';
});
$(“#学生列表#类”).append(html).listview(“刷新”);
});
});