jQuery表单未提交

我不能提交表格。我错在哪里

<div>
    <form id = "search_form" action = "/dashboard/" method = "post">
        <span class = "pull-right">
        Search : <input type = "text" placeholder = "Search" id = "search">
        </span>
    </form>
</div>

---

提交后，流不会进入jQuery函数。为什么？

您没有给

搜索

字段一个名称，因此您没有向

gallery.php

文件传递任何值，这可能会导致服务器端错误，因为它需要一个值

<div>
    <form id="search_form" action="/dashboard/" method="post">
        <span class="pull-right">
        Search : <input type="text" placeholder="Search" id="search" name="search">
        </span>
    </form>
</div>

搜索：

---

注意，我已将字段命名为

search

，您需要检查PHP文件从POST数据接收到的变量名，并相应地命名它。

您没有为

search

字段指定名称，因此您没有向

gallery.PHP

文件传递任何值，这可能会导致服务器端错误，因为它需要一个值

<div>
    <form id="search_form" action="/dashboard/" method="post">
        <span class="pull-right">
        Search : <input type="text" placeholder="Search" id="search" name="search">
        </span>
    </form>
</div>

搜索：

---

注意，我已将字段命名为

search

，您需要检查PHP文件从POST数据接收到的变量名，并相应地命名它。

您没有为

search

字段指定名称，因此您没有向

gallery.PHP

文件传递任何值，这可能会导致服务器端错误，因为它需要一个值

<div>
    <form id="search_form" action="/dashboard/" method="post">
        <span class="pull-right">
        Search : <input type="text" placeholder="Search" id="search" name="search">
        </span>
    </form>
</div>

搜索：

---

注意，我已将字段命名为

search

，您需要检查PHP文件从POST数据接收到的变量名，并相应地命名它。

您没有为

search

字段指定名称，因此您没有向

gallery.PHP

文件传递任何值，这可能会导致服务器端错误，因为它需要一个值

<div>
    <form id="search_form" action="/dashboard/" method="post">
        <span class="pull-right">
        Search : <input type="text" placeholder="Search" id="search" name="search">
        </span>
    </form>
</div>

搜索：

注意，我已将字段命名为“搜索”，您需要检查PHP文件从POST数据接收到的变量名，并相应地命名。

尝试：

$(function() {
    $("#search_form").submit(function(event) {
        event.preventDefault();
        var formdata = $(this).serialize();
        alert(formdata);
        $.ajax({
            type: "POST",
            url: "gallery.php",
            data: formdata,
            success: function(){alert('success');}
        });
    });
});

一切正常：

试试：

$(function() {
    $("#search_form").submit(function(event) {
        event.preventDefault();
        var formdata = $(this).serialize();
        alert(formdata);
        $.ajax({
            type: "POST",
            url: "gallery.php",
            data: formdata,
            success: function(){alert('success');}
        });
    });
});

一切正常：

试试：

$(function() {
    $("#search_form").submit(function(event) {
        event.preventDefault();
        var formdata = $(this).serialize();
        alert(formdata);
        $.ajax({
            type: "POST",
            url: "gallery.php",
            data: formdata,
            success: function(){alert('success');}
        });
    });
});

一切正常：

试试：

$(function() {
    $("#search_form").submit(function(event) {
        event.preventDefault();
        var formdata = $(this).serialize();
        alert(formdata);
        $.ajax({
            type: "POST",
            url: "gallery.php",
            data: formdata,
            success: function(){alert('success');}
        });
    });
});

---

---

一切正常：

表单提交情况如何？我没有收到任何错误。流程不会进入jQuery函数。当我按下回车键时，表格被提交。页面将刷新，但不会弹出警报。您的

输入缺少
名称
属性

…添加了名称属性。仍然不会弹出警报。表单提交情况如何？我没有收到任何错误。流程不会进入jQuery函数。当我按下回车键时，表格被提交。页面将刷新，但不会弹出警报。您的

输入缺少
名称
属性

…添加了名称属性。仍然不会弹出警报。表单提交情况如何？我没有收到任何错误。流程不会进入jQuery函数。当我按下回车键时，表格被提交。页面将刷新，但不会弹出警报。您的

输入缺少
名称
属性

…添加了名称属性。仍然不会弹出警报。表单提交情况如何？我没有收到任何错误。流程不会进入jQuery函数。当我按下回车键时，表格被提交。页面将刷新，但不会弹出警报。您的

输入缺少
名称
属性

…添加了名称属性。仍然不会弹出警报。仍然不会弹出警报。仍然不会弹出警报。仍然不会弹出警报。仍然不会弹出警报。仍然不会弹出警报。工作正常。谢谢但为什么它以前没有提交。我的意思是

$（function（）{

有什么好处？文档准备好后将调用

$（…）

内部的函数（否则jQuery无法找到

#search(搜索)表单

元素）。谢谢。但为什么它以前没有提交。我的意思是

$（function（）{

内部的函数有什么好处？

$（…）

将在文档准备就绪时调用（否则jQuery无法找到

#search\u form

元素）。谢谢。但是为什么它以前没有提交。我的意思是

$（function（）{

有什么用？文档准备就绪时将调用

$（…）中的函数

（否则jQuery无法找到

#search#u表单

元素）工作。谢谢。但是为什么它以前没有提交。我的意思是

$（function（）{

有什么好处？文档准备好时将调用

$（…）

内的函数（否则jQuery无法找到

#search#u表单

元素）