php - jQuery e.preventDefault() 不工作-6ren

php - jQuery e.preventDefault() 不工作

转载作者：行者123 更新时间：2023-12-01 06:55:00

24

4

我用几行代码来创建表单，然后在代码中我通过 JSON 使用 AJAX $.post。

我的 html 表单脚本代码创建一个简单的表单，然后按“enviar(提交)按钮，它将打印我的变量数据。我正在使用 $.post 调用一个名为 bados 的文件.php，您将在本消息后面看到。

我的印象是，通过单击“enviar”按钮使用 jQuery preventDefault() 不会发生任何事情，但它会带至其他页面显示我的变量中的数据(我是在我的 dados.php 中执行 print_r($_POST); 和 var_dump($_POST);。

首先，我可能错误地认为 jQuery preventDefault() 或其他(您将在我的代码中看到注释)“阻止”用户/我单击“enviar”后的任何操作“(提交)按钮；什么都不会发生，但仍然打印我的变量数据。

第二/最后，我的代码有问题。

请检查我的 HTML 表单和 dados.php(php 代码)的以下脚本代码；在此先，我非常感谢您的帮助:

我的 HTML 表单/JSON:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
        <title></title>
    </head>
    <body>

    <div id="result">texto do cliente</div>

    <form id ="myform"action="dados.php" method="post">

        <table>
            <tr>
                <td>Nome:</td>            
                <td>
                    <input type="text" id="first_name" value="" maxlength="25" />
                </td>            
            </tr>

            <tr>
                <td>Sexo:</td>
                <td>
                    <input type="radio" id="Sexo" value="Masculino" /> Masculino
                    <input type="radio" id="Sexo" value="Feminino" /> Feminino
                </td>
                </tr>

                <tr><td>Profissão:</td>
                <td>
                    <select id="dropdown">
                    <option value ="administrador">Administrador</option>
                    <option value ="analista">Analista</option>
                    <option value ="designer">Designer</option>
                    <option value ="gerente">Gerente</option>
                    </select>
                </td>
                </tr>

                <tr>
                <td>
                    <input id="submit" type="submit" value="enviar"/>                    
                </td>
                </tr>
        </table>  

        <script type="text/javascript">
            $(function(){
                /* attach a submit handler to the form */
                $("input[type='submit']").click(function(e) {

                /* stop form from submitting normally */
                   e.preventDefault(); 
                   //e.stopImmediatePropagation();
                   //e.stopPropagation();

            $.post(   
                'dados.php', {firstname: $('#first_name').val(), sexo: $('#sexo').val(),
                             profissão: $('#dropdown').val()}, function(data) {  
                console.log(data);
                //$('#result').html(data)
                //$('#result').html(data.firstname)
                //$('#result').html(data.sexo)
                //$('#result').html(data.profissão)
                }, 'json');
            });           

         </script>        

        <script>

        </script>

    </body>
</html>

我的 DADOS.PHP:

//ECHO $_POST['dropdown'];

print_r($_POST);

var_dump($_POST);

非常感谢。

马可·兰扎

最佳答案

您没有关闭$(function(){。

您需要在末尾添加另一个});。

关于php - jQuery e.preventDefault() 不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10236521/

24

4

0

文章推荐： python - Holoviews 重新排序 x 轴刻度

文章推荐： java - setText(String) 不适用于 TextView

文章推荐： python - 使用 cifar 100 数据预训练 cifar 10 网络

文章推荐： java - 我做了一个初学java "math"但不知道错误在哪里

java - ArrayDqueue类的add(E e)和offer(E e)的区别
您好，我在最后一步使用了 add 和 offer 来添加我的元素。两者都返回 boolean 值，并且除了 NPE 之外都不会抛出任何异常。 public class ArrayDequeDemo
javascript - 使用url编码转换特殊字符(é è ë)
我正在做一个功能，用户的电子邮件客户端只打开一个预填充的内容 (javascript)。问题是我在转换特殊字符时遇到问题，因此它们无法正确显示到电子邮件客户端(内容由 url 传递)。我写了一个函
java - Collection&Queue&BlockingQueue接口(interface)中的add(E e)方法
问题一: 在阅读 JDK 源代码时，我发现该方法 boolean add(E e);在接口(interface)中定义 Collection & Queue & BlockingQueue . 我无法
sql-server-2005 - 如何在 SQL Server 中执行不区分重音的比较(e 与 è、é、ê 和 ë)？
我想比较 SQL 中的两个 varchar，一个类似于 Cafe ，另一个 Café SQL 中是否有一种方法可以允许这两个值进行比较。例如: SELECT * FROM Venue WHERE Na
php 正则表达式匹配类似于字母。又名 u=ü 或 ê=é=è=e
我正在研究一种方法来搜索文本中的特定单词并突出显示它们。该代码工作完美，除了我希望它也匹配相似的字母。我的意思是，搜索 fête 应该匹配 fêté、fete、... 有没有一种简单而优雅的方法来做到
Angular2 异常 : No provider for e! (e -> e)
所以我有一个非常简单的组件，它加载了一个简单的路由器。我正在使用所有基本的东西，比如 ngFor、ngSwitch、ngIf，我通过 COMMON_DIRECTIVES 注入(inject)它们我收
javascript - 如何在 javascript 中转换 é -> e, š -> s, ė -> e , ą -> a ... ？
我有一个类似 Brazil: Série A 的字符串，我的目标是转换为 Brazil: Serie A。此外，方法应该转换和其他类似的情况:é -> e, š -> s, ė -> e , ą -
java - AbstractList - add(int index, E element)、add(E e) 等返回类型的区别？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
angular - StaticInjectorError[e -> e] : NullInjectorError: No provider for e
在我的 app.module.ts @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule
java - SELECT e From Employee e - 为什么是多余的 "e"？
Sample查询: SELECT e FROM Employee e WHERE SUBSTRING(e.name, 3) = 'Mac' 在这种语法中，说 SELECT e 似乎很直观，即 e 现在
objective-c - 将 ë、à、é、ä 等特殊字符全部转换为 e、a、e、a？ objective-c
objective-c 中是否有一种简单的方法可以将所有特殊字符(如 ë、à、é、ä)转换为普通字符(如 e en a)？最佳答案是的，而且非常简单: NSString *src = @"Conv
ruby - 在 Ruby 中，如何将 ë,à,é,ä 等特殊字符全部转换为 e,a,e,a？
我想将 ë 之类的字符转换为普通的 e。我正在寻找关于语言和人们如何输入城市的转换。例如，大多数人在搜索时实际上输入的是 Brasilia，而不是 Brasília。当 Rueters 等新闻机构报道
javascript - function(e){e.something...} 什么是 e？
当我写作时 $("#new_lang").click(function(e) { alert("something"); e.stopPropagation(); }); 这里的 e 是什么，
Java List 到 Map> 的键是 E 的某些属性，值是具有该属性的 E
我想知道如何将 Java List 转换为 Map。映射中的键是列表元素的某些属性(不同的元素可能具有相同的属性)，值是这些列表项的列表(具有相同的属性)。例如。 List --> Map> 。我找到
java - 为什么我们在 Deque 中有 offer(E e) 和 offerLast(E e) 方法，即使它们解决的是相同的目的
我试图理解，为什么我们需要 Deque 中的 Offer 和 OfferLast 方法，因为这两种方法都在Deque 的结尾/尾部。它有什么意义？最佳答案 Queue 接口(interface)是在
c# - 使用表达式生成 e => new { e.Id, e.CompanyId }
这个问题是这个问题的延续 here .如果有人想知道为什么我需要做这样的事情，你可以在那个问题中找到理由。这并不重要，真的。我需要这样的方法: public virtual Expression>
java - 什么时候需要 Some> 而不是 Some？
注意:这个问题与 Enum 无关，所以它不是重复的。Enum 被迫只与自身比较，因为编译器生成类型参数，而不是因为 java 递归类型参数。我试图找到将类声明为的优势: public class S
java - 什么时候需要 Some> 而不是 Some？
注意:这个问题与 Enum 无关，所以它不是重复的。Enum 被迫只与自身比较，因为编译器生成类型参数，而不是因为 java 递归类型参数。我试图找到将类声明为的优势: public class S
c - 结构示例 *e : differences between function(&e) and function(e)
如果我有一个struct example *e，function(&e) 和function(e) 之间有什么区别？一个例子。这是第一个代码: #include struct example {
c# - LINQ: "select new {e.FName, e.LName}"和 "select (e.FName, e.LName)"之间的区别？
这个问题在这里已经有了答案: C# 7.0 ValueTuples vs Anonymous Types (2 个答案) 关闭去年。这两个查询有什么区别？ var query = from e i

首页

博学

6Ren·AI

商城

php - jQuery e.preventDefault() 不工作