j通过HTML Form查询帖子

jQuery post via HTML Form

本文关键字:查询 Form 通过 HTML      更新时间:2023-09-26

在不同的网站上搜索了网站,但我没有找到我的表单/html文件的解决方案。我在这方面真的很新,我真的不知道为什么我的代码不起作用,有些人可以查看我的代码并告诉我出了什么问题吗?(这对我来说是最简单的学习方法)

<!DOCTYPE html>
<html>
<head>
  <script src="jquery-1.9.1.js"></script>
</head>
<body>
    <form id="formoid" action="site" title="" method="post">
        <div>
            <label class="title">First Name</label>
            <input type="text" id="name" name="name" value="" >
        </div>
        <div>
            <label class="title">Name</label>
            <input type="text" id="name2" name="name2" value="">
            <input name="authenticity_token" type="hidden" value="token_value">
        </div>
        <div>
            <input type="submit" id="submitButton"  name="submitButton" value="Submit">
        </div>
 </form>
<script type='text/javascript'>
    /* attach a submit handler to the form */
    $("#formoid").submit(function(event) {
      /* stop form from submitting normally */
      event.preventDefault();
      /* Send the data using post */
      $.post( 'site/login', { 
                           authenticity_token: $('#authenticity_token').val(), 
                           username: $('#name').val(),
                           password: $('#name2').val()
                             },
                 function(responsePage,statusText,result)
                 {
                    console.log(responsePage);
                 } 
                );
    });
</script>
</body>
</html> 

感谢您帮助:)!

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<style type="text/css">
    .selected{
        background-color : green;
    }
    </style>
<script>


    $(document).ready(function () {
        $("#formoid").submit(function (event) {
            /* stop form from submitting normally */
            event.preventDefault();
            /* Send the data using post */
            $.post('login_1.asp', {
                authenticity_token: $('#authenticity_token').val(), username: $('#name').val(), password: $('#name2').val()
            },
                       function (responsePage, statusText, result) {
                           alert("response from server---" + responsePage);
                       }
                      );
        });
    });


</script>
</head>
<body>
   <form id="formoid" action="site" title="" method="post">
        <div>
            <label class="title">First Name</label>
            <input type="text" id="name" name="name" value="" >
        </div>
        <div>
            <label class="title">Name</label>
            <input type="text" id="name2" name="name2" value="">
            <input name="authenticity_token" type="hidden" value="token_value">
        </div>
        <div>
            <input type="submit" id="submitButton"  name="submitButton" value="Submit">
        </div>
 </form>
</body>
</html>

login_1.asp

<%
    Response.Write  request.Form("username") + "---------------" +  request.Form("password") 
     %>