Php 在不重新加载页面的情况下将数据发布到sql数据库

问题是我无法在不重新加载的情况下在数据库中插入数据 我在没有

note\u sql.js

的情况下对它进行了测试，我的

note\u sql.php

工作得很好，但是我的

js

文件中似乎有问题，如果有人能给我指出正确的方向，那就太好了

<pre>
      <script>
            $(document).ready(function () {
                $("#sub").click(function () {

                    var name = $("#note").val();
                    var message = $("#message").val();

                    $.ajax({
                        type: "post",
                        url: "note_sql.php",
                        data: "name=" + name,
                        success: function (data) {
                            alert(data);
                        }

                    });

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

Index.php

    <form id="noteform" action="note_sql.php" method="POST">
    <input type="text" name="note"></input>
    <input id="sub" type="submit" value="Save Note" />
    </form>
    <span id="result_note"><span>
   <script type ="text/javascript" src="jquery/note_sql.js"></script>

---

使用Jquery Ajax工作代码如下所示： 请将ID添加到备注表单元素：

$（文档）.ready（函数（）{
$（“#子”）。单击（函数（）{
变量名称=$（“#注意”）.val（）；
var message=$（“#message”）.val（）；
$.ajax({
类型：“post”，
url:“note_sql.php”，
数据：“name=“+name，
成功：功能（数据）{
警报（数据）；
}
});
});
});

使用

$（“#noteform”）。提交（函数（事件）{

而不是

$（“#子”）。单击（函数（）{

也许这会有帮助：我确实尝试了上面的代码，但我被重定向到note#sql.phpSO从表单操作中删除note#sql.php好的，现在可以工作了，但我不需要它在警报框中，它需要在一个span区域

我如何使用$（'span#result#u note'）.html（数据）；代替警报（数据）；谢谢你的帮助@rajveer你真是太棒了

<pre>
      <script>
            $(document).ready(function () {
                $("#sub").click(function () {

                    var name = $("#note").val();
                    var message = $("#message").val();

                    $.ajax({
                        type: "post",
                        url: "note_sql.php",
                        data: "name=" + name,
                        success: function (data) {
                            alert(data);
                        }

                    });

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