Javascript 通过jquery ajax（）和serialize（）提交html表单

我想通过jQueryAjax提交这个表单，这是我做的，它不起作用。i、 e.表单提交时页面刷新，我没有看到响应，即在同一页面上打印数组

HTML

  <link rel='stylesheet' type='text/css' href='css/pepper-grinder/jquery-ui-1.10.4.custom.css' />
    <script  type='text/javascript' src='js/jquery-1.10.2.js' ></script>
    <script  type='text/javascript' src='js/jquery-ui-1.10.4.custom.min.js' ></script>
        <form  id="form1" method="get" action="submit.php   ">
            <label>Name of Organization</label>
            <input type="text" name="OrgName" id="OrgName" class="textfield">
            <label>Address of Organization</label>
            <input type="text" name="OrgAddress" id="OrgAddress" class="textfield">
            <input type="submit" value="Register Organization">
        </form>
        <div id="response">ads</div>

    <script>
    $document.ready(function(){
        $("#form1").click((function(event){
            event.preventDefault();

            $.ajax({
                    url:'submit.php',
                    type:'GET',
                    data:$(this).serialize(),
                    success:function(result){
                        $("#response").text(result);

                    }

            });
        });
    });
    </script>

机构名称
机构地址
广告
$document.ready（函数（）{
$（“#表单1”）。单击（（函数（事件）{
event.preventDefault（）；
$.ajax({
url:'submit.php'，
类型：'GET'，
数据：$（this）.serialize（），
成功：功能（结果）{
$（“#答复”）。文本（结果）；
}
});
});
});

PHP（submit.PHP）

改为

$("#form1").submit((function(event){

函数

$（文档）.ready（函数（）

试试这个

$(document).ready(function(){
        $("#form1").submit(function(event){
            event.preventDefault();

            $.ajax({
                    url:'submit.php',
                    type:'GET',
                    data:$(this).serialize(),
                    success:function(result){
                        $("#response").text(result);

                    }

            });
        });
    });

使用此选项-出现了一些语法错误，必须提交事件

2备注：

submit函数需要返回false以停止正常的post 您可以在form中使用onsubmit属性，而不是ready等，如下所示

---

我需要你的代码$（“#form1”）。单击（..）在这里没有任何意义…当你按下提交按钮时，你需要事件处理程序。因此我认为如果你选择适当的选择器，那么它可能会完美工作

试着使用.serializeArray（），请注意：如果希望通过

ajax

请求发送表单值，可以删除

action=“submit.php”

元素内的属性/值

表单

@Programer CodingArt给出的答案不是正确的答案，它甚至不能解决您在答案中解释的问题。在

#表单1

元素上的单击事件不起任何作用。我知道我用submitTried$（文档）更改了click（），也将click（）更改为submit（）但仍然没有avail@Programer我只知道@codingAnt works的响应：）比如单击（（是的，不要评论代码中的问题，它属于answer@dbf对不起，伙计，有点忙，现在解释一下吧？：）（并编辑答案中的解释，而不是作为注释）是的，当然……（“#form1”）。单击（……在这里没有任何意义……当您按下提交按钮时，您需要事件处理程序。因此，我认为如果您选择适当的选择器，它可能会工作得很好一个小错误，

$document.ready

应该是

$（document）.ready

或用jQuery快捷方式

$

替换

文档.ready

。

$("#form1").submit((function(event){

$(document).ready(function(){
        $("#form1").submit(function(event){
            event.preventDefault();

            $.ajax({
                    url:'submit.php',
                    type:'GET',
                    data:$(this).serialize(),
                    success:function(result){
                        $("#response").text(result);

                    }

            });
        });
    });

 $(function(){
        $("#form1").submit(function(event){
            event.preventDefault();

            $.ajax({
                    url:'submit.php',
                    type:'GET',
                    data:$(this).serialize(),
                    success:function(result){
                        $("#response").text(result);

                    }

            });
        });
    });

 $document.ready(function(){

        $("#form1 input[type='submit']").click(function(event){
            event.preventDefault();

            $.ajax({
                    url:'submit.php',
                    type:'GET',
                    data:$(this).serialize(),
                    success:function(result){
                        $("#response").text(result);

                    }

            });
        });
    });