如图是html文件内的部分,有两个输入框和两个控件,想通过点击控件执行html同文件夹下的.asp文件中的内容,该如何编写代码呢?
无刷新调用可以用ajax,题主可以参考下面的文章。
https://www.runoob.com/ajax/ajax-tutorial.html?ra=card
或者直接表单提交,action设置为要请求的aspx页面,表单请求注意给input对象增加name属性值,要不表单不会提交没有name的输入框内容
而且题主是asp还是asp.net。。?
简单示例如下,用的jquery.ajax
<form id="myform1">
<div>账户名称</div>
<input id="usernamefield" name="username" type="text" />
<div>账户密码</div>
<input id="passwordfield" name="password" type="password" />
<button onclick="Tryloginsystem()" type="button">登录</button>
</form>
<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
function Tryloginsystem() {
var usernamefield = $('#usernamefield'), passwordfield = $('#passwordfield');
if (usernamefield.val() == '') { alert('请输入账户名称!'); usernamefield.focus(); return false; }
if (passwordfield.val() == '') { alert('请输入账户密码!'); passwordfield.focus(); return false; }
$.ajax({
url: 'xxxx.asp',//请求的网址,注意修改这里
type: 'POST',
data: $('#myform1').serialize(),
complete: function (xhr) {
var s = xhr.responseText;
//下面改为自己的处理逻辑,这里只是简单输出返回的内容
alert('请求完毕,服务器端返回内容\n' + s)
}
})
}
</script>
xxxx.asp
username=request.form("username")
password=request.form("password")
'读取数据库验证用户信息的代码,成功返回1,否则返回0什么的,客户端ajax根据返回值进行相关提示或者
Response.Write 0
Response.end