php - 使用 jquery 时,表单字段未发布到 php 文件

标签 php jquery html

我有一个 HTML 文件,其中包含一个包含两个字段的表单。这些字段的值应发布到 PHP,并且应使用 JQuery 从 HTML 获取该 PHP。这就是我实现的。

我的 HTML 文件:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
    <script>
        $(document).ready(function(){
           $("button").click(function(){
                $("#first").load("result_jquery.php");
            });
        });     

    </script>
</head>
<body>
    <div id="first"></div>
    <div>
        <form method="POST" id="myForm">
        Name: <input type="text" name="name"/><br/>
        Number: <input type="text" name="number"/><br/>
        <button>submit</button>
        </form>
    </div>
</body>

这是我的result_jquery.php

<?php
$n = $_POST["name"];
echo "hello ".$n;
?>

当我点击提交按钮时,就会打印出问候语。但这个名字没有被打印出来。你能帮我解决这个问题吗?我不知道我哪里错了。

最佳答案

我认为按钮元素的使用是令人担忧的,我现在放置的代码可以根据您的需要正常工作,所以尝试一下并告诉我结果:)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script>
    $(document).ready(function(){
       $("#button").click(function(){
            var n = $('[name="namee"]').val();
            var nb = $('[name="number"]').val();
            $("#first").load("result_jquery.php",{'namee':n,'number':nb},function(data){});
        });
    });     

</script>
</head>
<body>
    <div id="first"></div>
    <div>
        <form method="POST" id="myForm">
            Name: <input type="text" name="namee"/><br/>
            Number: <input type="text" name="number"/><br/>
            <input type="button" value="Submit" id="button" />
        </form>
    </div>
</body>
</html>

关于php - 使用 jquery 时,表单字段未发布到 php 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15690936/

相关文章:

php - WooCommerce 序列化 wp_postmeta 表中的元值数组

php - 检查 MySQL 表是否存在,如果不存在则创建它们

javascript - DOM:如何从 Chrome 中的复制事件获取复制的文本?

jquery - 将外部 JSON 文件读入动态 HTML 表

html - 如何防止滚动条重新定位网页?

php - 侧边栏移动到底部

php - 时间戳自动更新不适用于 ON DUPLICATE KEY UPDATE (PDO)

javascript - 我如何将 2 个不同的特殊字符视为与 jquery/javascript 相同的字符?

javascript - $.ajax 函数未按预期工作

javascript - 正则表达式:如何像 DOM 渲染器那样删除多余的空格/换行符(处理)