【请诸位指点】如元素在form内，利用ajax无法提交数据给服务器-ASP.NET教程-爱易网页

【请诸位指点】如元素在form内，利用ajax无法提交数据给服务器

日期：2014-05-17　浏览次数：20484 次

【请各位指点】如元素在form内，利用ajax无法提交数据给服务器。
代码如下：

HTML code


<!DOCTYPE html>
<html lang ="en">
    <head>
        
        <title>AJAX</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            
        <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
            
        <!--@jQuery-->
        <script type="text/javascript" src="assets/jQuery/jQuery.js"></script>       
        <script type="text/javascript">
            
            $(document).ready(function(){

                $("button#jqb1").click(function(){
                    var un = $("input#username").val();
                    $.post("AJAX", {username:un}, function(result){//I can't make $.get() work...and $.post() can't work, too...                   
                        $("p#jqp1").html(result);
                    });                  
                });

        </script>
    </head>
        
    <body>
            <form>//去掉form即可正常工作
                <input type = "text" id = "username"/>
                <button id="jqb1" class="btn">check username</button>
                <br/>
                <p id = "jqp1"></p>
            </form>
    </body>
</html>

小生发现在加入form标签后，在$.get()之前都正常，但无论是GET或POST都无法将数据提交给服务器（通过HTTP监视器发现），而且肯定不是调用jQuery的问题，因为小生用传统Ajax写法写了一遍也是一样，没form正常工作，加入form后无法提交数据。。。

请各位指点，多谢！

------解决方案--------------------
form 加一个action ，加一个method
------解决方案--------------------

探讨
代码如下：

HTML code

<!DOCTYPE html>
<html lang ="en">
<head>

<title>AJAX</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

……

------解决方案--------------------

探讨

Java code

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import ……

------解决方案--------------------
您老迷路了？java跑到这里问问题？

HTML code


$(document).ready(function(){

                $("button#jqb1").click(function(){
                    var un = $("input#username").val();
                    $.post("AJAX", {username:un}, function(result){//I can't make $.get() work...and $.post() can't work, too...                   
                        $("p#jqp1").html(result);
                    });                  
                });

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

【请诸位指点】如元素在form内，利用ajax无法提交数据给服务器

相关资料更多>

推荐阅读更多>