Ajax 导航页面后不显示数据
我有问题。我有一个调查表单,在这个表单中,我还使用ajax调用了一些数据。当用户单击“取消”时,我希望它导航到另一个页面,在该页面中使用ajax显示listview中的数据列表。对于单击和导航部分,我已经成功地将其带到我想要的页面,但问题是,它不再显示数据列表。我用了和其他页面一样的方法,但是我找不到任何帮助?我已经检查了我的代码好几次了,但我不知道是什么使它出错。这是我的页面调查表单代码:Ajax 导航页面后不显示数据,ajax,jquery-mobile,Ajax,Jquery Mobile,我有问题。我有一个调查表单,在这个表单中,我还使用ajax调用了一些数据。当用户单击“取消”时,我希望它导航到另一个页面,在该页面中使用ajax显示listview中的数据列表。对于单击和导航部分,我已经成功地将其带到我想要的页面,但问题是,它不再显示数据列表。我用了和其他页面一样的方法,但是我找不到任何帮助?我已经检查了我的代码好几次了,但我不知道是什么使它出错。这是我的页面调查表单代码: $('#MrateCourse').live('pageinit', function(){
$('#MrateCourse').live('pageinit', function(){
var rowInput = "1";
var pageInput = "1";
var idInput = "${courseId}";
var regNoInput = "${regNo}";
$.ajax({
url: '${pageContext.request.contextPath}/getRegisteredClassesDetails.html',
data: ( {rows: rowInput, page: pageInput, courseId: idInput, regNo: regNoInput}),
type: 'POST',
success: function(json_results){
$('#list').append('<ul></ul>');
listItems = $('#list').find('ul');
$.each(json_results.rows, function(courseId) {
html = ' Course Name :
+ '<b>' + json_results.rows[courseId].courseName + '</b>';
html += '</br> Registered Person :
+ '<b>' + json_results.rows[courseId].fullName + '</b>';
listItems.append(html);
});
$('#list ul').listview();
}
});
});
$(function() {
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
if(day<10){
day='0'+day;
}
if(month<10){
month='0'+month;
}
var currentTime = new Date();
var hours = currentTime.getHours();
var minutes = currentTime.getMinutes();
var suffix = "AM";
if (hours >= 12) {
suffix = "PM";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
if (minutes < 10)
minutes = "0" + minutes;
$('#dateTime').html("<b>" + month + "/" + day + "/" + year + " " + hours + ":" + minutes + " " + suffix + "</b>");
});
<form id="" action="${pageContext.request.contextPath}/MRegisteredClasses.phone" method="POST">
<table>
<tr>
<td>Date:
<span id="dateTime"></span><br/></td>
</tr>
<tr>
<td>Company:</td>
<td><input type="text" value=""/><br/></td>
</tr>
<tr>
<td><b>Based on your experience in this course, please answer<br>the following questions:
<br>1 = Strongly Disagree, 5 = Strongly Agree</b></td>
</tr>
<tr>
<td>The web-based training media used was of high quality.</td>
<td><select>
<option value=""></option>
<option value="5">5</option>
<option value="5">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select><br/></td>
</tr>
<tr>
<td>I had enough time to learn the subject matter covered in the course.</td>
<td><select>
<option value=""></option>
<option value="5">5</option>
<option value="5">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select><br/></td>
</tr>
<tr>
<td>My knowledge and/or skills increased as a result of this course.</td>
<td><select>
<option value=""></option>
<option value="5">5</option>
<option value="5">4</option>
<option value="3">3</option>
<option value="2">2</option>
<option value="1">1</option>
</select><br/></td>
</tr>
<tr>
<td>Additional comments or ideas to improve this course:</td>
</tr>
<tr>
<td><textarea rows="3" ></textarea></td>
</tr>
<tr>
<td>What additional topics would you like to see addressed in a future online course?</td>
</tr>
<tr>
<td><textarea rows="3"></textarea></td>
</tr>
<tr>
<td align="left">
<input type="submit" data-inline="true" id="submit" value="Submit This Survey" class="ui-btn-right"
onClick="confirm( 'Thanks for filling the survey' )"/>
<a href="${pageContext.request.contextPath}/MRegisteredClasses.phone" class="ui-btn-right"
data-role="button" data-inline="true">Cancel</a>
</td>
</tr>
</table>
</form>
$('MrateCourse').live('pageinit',function()){
var rowInput=“1”;
var pageInput=“1”;
var idInput=“${courseId}”;
var regNoInput=“${regNo}”;
$.ajax({
url:“${pageContext.request.contextPath}/getRegisteredClassesDetails.html”,
数据:({rows:rowInput,page:pageInput,courseId:idInput,regNo:regNoInput}),
键入:“POST”,
成功:函数(json_结果){
$(“#列表”)。追加(“
”);
listItems=$('#list')。查找('ul');
$.each(json_results.rows,函数(courseId){
html='课程名称:
+''+json_结果。行[courseId]。courseName+'';
html+='注册人:
+''+json_results.rows[courseId].fullName+'';
追加(html);
});
$('#list ul').listview();
}
});
});
$(函数(){
var currentTime=新日期();
var month=currentTime.getMonth()+1;
var day=currentTime.getDate();
var year=currentTime.getFullYear();
如果(天)
我已经收到了。我在表格中添加了data ajax=“false”
。ya,我想接受答案,但还需要5个小时才能接受
<div data-role="page" id="MregisteredClasses">
<div data-role="content">
<h3>Courses Name</h3>
<p id="note">*Click at the courses to view the details</p>
<h1></h1>
<div id="courseName">
<ul data-role="listview" data-inset="true" id="list"></ul>
<script type="text/javascript">
$('#MregisteredClasses').on('pageinit', function(){
var rowInput = "1";
var pageInput = "1";
$.ajax({
url: '${pageContext.request.contextPath}/getRegisteredClassesData.html',
data: ( {rows : rowInput , page : pageInput}),
type: 'POST',
success: function(json_results){
$('#list').append('<ul data-role="listview" data-inset="true" data-split-icon="gear"</ul>');
listItems = $('#list').find('ul');
$.each(json_results.rows, function(key) {
html = '<li <h3><a href="${pageContext.request.contextPath}/MRegisteredClassesDetail.phone?courseId='
+ [json_results.rows[key].courseId] + '®No=' + [json_results.rows[key].regNo] +
'"rel="external">' + json_results.rows[key].courseName+ '</a></h3>'
+ '<a href="${pageContext.request.contextPath}/MRateCourse.phone?courseId='
+ [json_results.rows[key].courseId] + '®No=' + [json_results.rows[key].regNo] +
'"rel="external">RATE THIS COURSE</a>';
listItems.append(html);
});
$('#list ul').listview();
},
});
});
</script>
</div>
</div><!-- /content -->