在HTML页面中调用WebMethod而不刷新页面

时间:2019-04-20 05:27:27

标签: c# ajax web-services html-form

我有一个实现HTTP POST的Web服务。我需要将用户提交的用户名和密码发送到Web方法,并接收返回的数据以表明该用户是否存在。如果该用户存在,则需要将该用户重定向到某个网页

我有以下HTML表单http://webdesigntutsplus.s3.amazonaws.com/tuts/322_ormans_form/index.html

<!doctype html>

<head>

    <!-- Basics -->

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Login</title>

    <!-- CSS -->

    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/styles.css">

</head>

    <!-- Main HTML -->

<body>

    <!-- Begin Page Content -->

    <div id="container">

        <form>

        <label for="name">Username:</label>

        <input type="name">

        <label for="username">Password:</label>

        <p><a href="#">Forgot your password?</a>

        <input type="password">

        <div id="lower">

        <input type="checkbox"><label class="check" for="checkbox">Keep me logged in</label>

        <input type="submit" value="Login">

        </div>

        </form>

    </div>


    <!-- End Page Content -->

</body>

</html>

如何在不刷新网页的情况下调用Web方法。

0 个答案:

没有答案