分享人:李俊
1. 获取Tid
在用.html替代.aspx设计页面,并且做增删改查过程中,如果要设置成:
每条数据后带有修改、删除操作,采用了添加标签的方法,能够转至相应页面
for (vari = 0; i < data.Data.length; i++) {
str += "<tr>
<td>" +data.Data[i].U_Name + "</td>
<td>" +data.Data[i].U_Phone + "</td>
<td>" +data.Data[i].U_Email + "</td>
<td><a href=\"javascript:openUrl('/HtmlTest/UserInfoChange.html?tid="+ data.Data[i].Tid + "')\">修改</a>
<a href=\"javascript:openUrl('/HtmlTest/UserInfoDelete.html?tid="+ data.Data[i].Tid + "')\">删除</a>
</td>
</tr>";
当进入修改页面之后,需要先将原信息显示,因此要利用该数据Tid先进行查询,如果用
可以得到本页面带有?问号后面的url,用alert显示出来获得的结果其实是:
如何只获取"?"后面的Tid呢,我们可以用
将其拆分,split() 将一个字符串分割为子字符串,然后将结果作为字符串数组返回,其中"[0]"存储"?","[1]"存储tid。
2. 修改信息提交后,关闭修改页面并且页面返回查询页面,window.close()不行的情况下,用history.go(-1)。
$scope.Change = function ()
{
$http
({
method: "POST",
url: "/Action/UserInfoTwo.ashx",
params: { 'action': 'changeuserinfo', 'username': $scope.username, 'userphone': $scope.userphone, 'useremail': $scope.useremail, 'tid': tid },
})
.success(function (data)
{
alert("操作成功");
history.go(-1);//返回上一页
//window.open("UserInfoSearch.html");
})
.error(function (data)
{
alert(data.fail);
});
}
附:
history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面
history.go(-1):也是返回当前页的上一个页面,不过表单里的数据全部还在
history.back(0):刷新
history.back(1):前进
history.back(-1):后退
window.location.reload(); //刷新
window.history.go(1); //前进
window.history.go(-1); //返回+前进
window.history.forward(); //前进
window.history.back(); //返回
history是Javascript中Window下的对像,用于存储浏览器的历史信息。它含有三个方法,go(),back()和forward(),分别用来控制页面的跳转。其中:
back()表示返回到上一页面,效果相当于go(-1);
forward()表示返回到下一页面,效果相当于go(1);
go()用于指定页的跳转,比如go(-2)表示返回到浏览过的前两个页面。
3. 为实现点击开课日期时只出现一个日历表,HTML中写以下代码:
开课日期、地面理论、私照、商照、仪表、高性能均为日期形式,为实现点击开课日期时只出现一个日历表,HTML中写以下代码:
<div class="form-group">
<label class="col-sm-3 control-label">开课日期</label>
<div class="col-sm-9">
<div class="input-group w-md">
<input type="text" class="form-control" show-button-bar="true" datepicker-popup="yyyy-MM-dd"
ng-model="student.SI_StartDate" is-open="opened" datepicker-options="dateOptions"
ng-required="true" close-text="关闭" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="openDatepicker($event)">
<i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
</div>
</div>
对应的JS中写:
$scope.openDatepicker2 = function ($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.opened2 = true;