Javascript Jquery mobile获取listview所选项目并将其文本发送到另一个页面

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

我制作了一个包含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>
    <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(“刷新”); }); });