HTML5 jquery使用 - ITeye问答

0 0

HTML5 jquery使用5

最近在学HTML5和jquery，做一个小网站，遇到两个问题：
1.前后台数据传输我用的jquery ajax框架，传输方式用json，js代码如下：

$('input[name=submit]').click(function() {
		var userInfo = "userName=" + $('input[name=userName]').fieldValue() + "&password=" + $('input[name=password]').val();//.fieldValue() and .val() can both get the value
		var options = {
				url:'../doLogin.do',
				type:'POST',
				dataType:'json',
				data:userInfo,
				success: loginResponse
			};
		$.ajax(options); 
	});
function loginResponse(result) { 
		var loginRsl = eval(result);
		if (loginRsl.loginResult == "登录成功") {
			window.location = "search.html";
		} else {
			alert(loginRsl.loginResult);
		}
	}

传输已经成功了，但是页面的跳转怎么实现？比如我login成功后希望跳转到我的主页去，这个怎么实现？普通的action的话，是通过mapping.findFarword（）来做的。上网查了下，通过window.location = "search.html";实现了跳转，但是问题又来了，这时候我希望在search页面显示后台传回来的数据loginRsl.loginResult，这好像是取不到的，只能在login.html页面读取到这个值。

2.html5是静态语言，我现在需要动态实现画面，最常用的，像jsp一样，我需要一个for循环来根据后台返回的记录数动态的生成一个table，这样的又改如何实现，html里面不能写java代码吧。

2012年8月03日 11:09

lovelease
0
0 0 10

2个答案按时间排序按投票排序

0 0

采纳的答案

1、对于loginRsl.loginResult的值，你在跳转到search.html的时候就已经确定了：
if (loginRsl.loginResult == "登录成功") {
window.location = "search.html";
}
所以就可以直接在search.html页面用"登录成功"。
如果不想这么用，那也可以把loginRsl.loginResult的值作为参数传递给search.html
如： window.location = "search.html?r="+loginRsl.loginResult;

2、通过jquery ajax调用后台，返回记录数，然后在success回调函数里进行拼装<tr><td></td></tr>记录，最后插入到<table>的<tbody>中即可，例子：

<table width="100%">
			<tr>
				<th width="80px">用户类型</th>
				<th>用户号码</th>
				<th>用户名称</th>
				<th>创建时间</th>
			</tr>
			<tbody id="tbodyContent">
			</tbody>
		</table>

然后ajax调用后台返回记录，拼装并插入到tbodyContent中，代码如下：

success:function(data){
				var users = data.userList;
				if(users.length>0){
					for(var i=0;i<users.length;i++){
						var wrapString = '<tr'+((i+1)%2==0? ' class="odd"':'')+'>'
											+'<td>'+(users[i].userType=='0'? '学生':'教师')+'</td>'
											+'<td>'+users[i].userNo+'</td>'
											+'<td>'+users[i].userName+'</td>'
											+'<td>'+(users[i].createDate? users[i].createDate.replace("T"," "):"")+'</td>'
										+'</tr>';
						$("#tbodyContent").append(wrapString);
					}

2012年8月03日 11:26