Question

您好，我的网站有下一个代码：

<input type="text" id="name" name="name" width="25px"/>
<a href="#" id="newUser">Add User</a>

当我点击“newUser”时，我需要将名称的值保存到我的mysql数据库中而不刷新页面。如何做到这一点的任何例子？

Answer 1

如果您不想使用<form>和submit按钮这是绝对正确的方法，您将需要使用javascript和AJAX：

订阅锚点的onclick事件
向服务器发送AJAX请求，传递在文本框中输入的名称值
取消链接的默认操作

添加用户

并且insert函数可以在单独的javascript文件中定义：

function insert() {
    var name = document.getElementById('name').value;

    // TODO: send an AJAX request to the server

    return false;
}

Answer 2

http://api.jquery.com/jQuery.ajax/

$('#newUser').click(function(ev){
    $.ajax(...);
    ev.preventDefault();
});

Answer 3

您可以使用JQuery进行Ajax调用，将该名称发送到服务器。在PHP代码中，您将能够在用户表中创建Insert Query。

Answer 4

这可以在客户端使用jquery的ajax库来创建无刷提交。这是一些html和javascript的例子

<html>
    <head>
        <script type="text/javascript" src="jq/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript">
            function adduser()
            {
                var data=$("#adduserform").serialize();
                $.ajax({
                    type: "POST",
                    url: "adduser.php",
                    data: data,
                    dataType: "html",
                });
            }
        </script>
    </head>
    <body>
        <form id="adduserform" name="adduserform">
            <fieldset>
                <input type="text" id="name" name="name" width="25px"/>
            </fieldset>
        </form>
        <a href="javascript:adduser();" id="newUser">Add User</a>
    </body>
</html>

在php方面，只需要像你通过帖子提交表单一样的代码。我没有时间尝试，但我希望它有效:) 与其他人建议的一样，请查看jquery网站以获取更多信息。

Answer 5

您可以使用JavaScript。请查看jQuery ajax：http://api.jquery.com/jQuery.ajax/

注意：下次尝试使用Google搜索，或者至少提供您尝试过的内容

jquery php将数据插入mysql而不刷新页面

5 个答案: