将数据发布到sql数据库而不重新加载页面

时间:2015-11-30 10:09:49

标签: php jquery

问题是我无法在没有重新加载的情况下在我的数据库中插入数据 我已经在没有note_sql.js的情况下对其进行了测试,而我的note_sql.php工作正常但我的js文件中似乎存在问题,如果某个机构可能指向正确的方向那就会很精彩< / p>

的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>

note_sql.js

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

var data = $("#noteform: input").serializeArray();
$.post($("#noteform").attr("action"),data,function(info){$("result_note").html(info); });
    clearInput();
}); 

$("#noteform").submit(function(){
    return false;
});

function clearInput(){
    $("#noteform :input").each(function(){
        $(this).val('');
    });
}

1 个答案:

答案 0 :(得分:5)

使用Jquery Ajax,下面给出了工作代码: 请在注释表单元素中添加ID:

<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>