求一个 HTML写法

拉面 · 发表于 2017-1-17 05:49:24

代码.txt (517 Bytes, 下载次数: 9)

无限软件 · 发表于 2017-1-17 05:49:25

<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>测试网页</title>
<script type="text/javascript">
function hg()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET",document.getElementById("first").value,true);
xmlhttp.send();
}
</script>
<input id="first" type="text" name="first" value="456">
<button onclick="hg();">提交</button>

复制代码

基本没给你咋改动，其实用form更简单，但是考虑到用form的话submit之后会跳转一次，不是很好，就算了。
input元素加了个id属性，方便一些，不然用document.getElementsByName后还要用.item(0)，不是很方便，就用id了。
具体没怎么测试，但是用ajax建议还是用jquery，而且这个没有提交地址是什么鬼……

ovo555 · 发表于 2017-1-17 07:55:00

<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>测试网页</title>
<script type="text/javascript">
function hg(a)
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET",a,true);
xmlhttp.send();
}
</script>
<input type="text" name="first" value="456">

复制代码

小石子 · 发表于 2017-1-17 09:07:12

<script>
	function login(){
	var userId = $('#userId').val();
	var userPwd = $('#userPwd').val();
	if(userId && userPwd){
	$.ajax({
	type: "post",
	url: "login!userLogin.action",
	data: {"userId":userId,"userPwd":hex_md5(userPwd)},
	contentType:"application/x-www-form-urlencoded;charset=UTF-8",
	dataType:"json",
	success: function(data){
	if(data.success){
	location.href="index.jsp";
	}else{
	alert(data.errMsg);
	}
	}
	});
	}else{
	alert("用户名或密码不能为空");
	}
	}
	$(function(){
	$(".login-form").css({
	opacity: 1,
	"-webkit-transform": "scale(1)",
	"transform": "scale(1)",
	"-webkit-transition": ".5s",
	"transition": ".5s"
	});
	$('#userPwd').live("keyup",function(e){
	if (e.keyCode == 13) {
	login();
	}
	});
	$('#loginBtn').live('click',function(){
	login();
	});
	});
	</script>
	</head>
	<body class="bg-darkTeal">
	<div class="login-form padding20 block-shadow">
	<form>
	<h1 class="text-light">登录学院后台</h1>
	<hr class="thin"/>
	<br />
	<div class="input-control text full-size" data-role="input">
	<label for="user_login">用户名</label>
	<input type="text" name="userId" id="userId">
	</div>
	<br />
	<br />
	<div class="input-control password full-size" data-role="input">
	<label for="user_password">密码</label>
	<input type="password" name="userPwd" id="userPwd">
	</div>
	<div class="form-actions">
	<div style="float:right;">
	<button id="loginBtn" type="button" class="button primary">登录</button>
	</div>
	</div>
	<br/>
	<br/>
	</form>
	</div>
	</body>
	</html>

这应该可以看得懂把？

小石子 · 发表于 2017-1-17 09:08:41

标签给个id或者class 或者 name javascript都可以操作

daye11334 · 发表于 2017-1-17 10:01:00

js里可以通过input 的名字来获取此控件，从而获取其value值。Docoment.GetElementByName("first").GetValue()，大概是这样,这样就能动态获取input的值了！

拉面 · 发表于 2017-1-17 18:34:31

无限软件发表于 2017-1-17 11:04
基本没给你咋改动，其实用form更简单，但是考虑到用form的话submit之后会跳转一次，不是很好，就算了。
in ...

能改成能随意ID吗？不单单first这个ID 其他的表单也是通过他来执行

无限软件 · 发表于 2017-1-17 19:36:04

拉面发表于 2017-1-17 18:34
能改成能随意ID吗？不单单first这个ID 其他的表单也是通过他来执行

document.getElementById("first").value 这句，用别的id替换first就行。

拉面 · 发表于 2017-1-17 22:42:32

无限软件发表于 2017-1-17 19:36
document.getElementById("first").value 这句，用别的id替换first就行。

能好像旧的一样传递进去而不是写死吗？

		自动登录	找回密码
密码			注册

[已解决] 求一个 HTML写法

最佳答案

评分

点评