html如何在点击事件中执行被绑定的asp文件?

如图是html文件内的部分,有两个输入框和两个控件,想通过点击控件执行html同文件夹下的.asp文件中的内容,该如何编写代码呢?

img

无刷新调用可以用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

img


有其他问题可以继续交流~

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632