jquery提交表单的问题
hanghaigood
hanghaigood 2021-07-19 15:25:56
0
3
1318

index.html的代码:

<脚本 src="jquery-1.12.4.min.js"></script>

<脚本类型="text/javascript">

    $(function () {

        $("#btn").click(function () {

            $.ajax({ 

                    类型:"post", 

                    url:"form.php", 

                    数据:{

                        书名:$("#bookname").val(),

                        按:$("#press").val()

                   },

                    异步: true, 

                    成功:函数(消息){ 

                       alert("提交成功!"+msg); 

                 } 

               }); 

   

        });

    });

   

<正文>

    < ;div style="text-align: center; margin-top: 50px;">

        

             图书名:

            出版社:<input type="text" id="press" style="margin-top: 15px;" /><br>

            <input id="btn" type="button" value="提交" style="margin-top: 27px;" />

        </form>

    </div>

</body>

</html>

form.php的代码:

<?php

    $a = $_POST["bookname"];

    $b = $_POST["press"];

    echo $a;

    echo $b;

?>

 

运行index.html,在表单里输入并点击提交:

 1.png

打开form.php页面,却是一片空白,echo无法输出内容。

2.png

想实现的效果是:

1、通过ajax提交表单又不跳转页面。

2、php页面能接收到ajax提交的表单数据,并通过echo输出表单数据并显示在php页面。

目前php页面是能接收到ajax提交的表单数据,因为可以返回数据到参数msg。可是通过echo输出表单数据并显示在php页面,却是一片空白,究竟是哪里出错了呢?

hanghaigood
hanghaigood

全部回复(2)
流年

那后台的双引号变成单引号

  • 回复 $_POST['bookname'],双引号变成单引号也不行。
    hanghaigood 作者 2021-07-21 14:58:35
流年

看控制器里面

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板