Jquery 向数据库输入一个值,然后在不刷新页面的情况下自动获取该值

Jquery 向数据库输入一个值,然后在不刷新页面的情况下自动获取该值,jquery,ajax,refresh,reload,Jquery,Ajax,Refresh,Reload,价值 选择值 在ajax中发布值并获得响应。如果您已经在使用jquery库,请序列化表单数据并使用$.post()以ajax提交或搜索如何使用ajax发布数据。我理解第一次遇到ajax时的困惑。虽然这是一个非常简单的概念,但它比困难更乏味。不过,以下是一个示例,可帮助您实现以下目标: 我强烈建议为此使用jQuery,因为它将所有这些函数包装成易于使用的语法 <form id="something"> ... </form> <script type="te


价值
选择值

在ajax中发布值并获得响应。如果您已经在使用jquery库,请序列化表单数据并使用$.post()以ajax提交或搜索如何使用ajax发布数据。

我理解第一次遇到ajax时的困惑。虽然这是一个非常简单的概念,但它比困难更乏味。不过,以下是一个示例,可帮助您实现以下目标:

我强烈建议为此使用jQuery,因为它将所有这些函数包装成易于使用的语法

<form id="something">
    ...
</form>

<script type="text/javascript">
    $('form').click(function () {
        var values = $('form').serializeArray();
        $.ajax({url: 'http://yoururl.fake/somewhere.php', // The url to send the request to
                type: 'POST', // This tells the AJAX function which type of request to send
                data: values, // This is where you send your data to the server
                success: function (data) {
                    // `data` now contains your response from the server. 
                    // It can be html, JSON, plain text, or whatever you choose.
                    // if `data` is html then you can simply insert it as such:
                    $('body').append(data); // Or wherever you want to put it.
                },
                error: function () {
                    // Something went wrong and here is your chance to nicely tell the user that.
                    alert('something went wrong');
                }
        });
    });
</script>

...
$('form')。单击(函数(){
变量值=$('form').serializeArray();
$.ajax({url:'http://yoururl.fake/somewhere.php“,//将请求发送到的url
type:'POST',//这告诉AJAX函数要发送哪种类型的请求
data:values,//这是将数据发送到服务器的位置
成功:功能(数据){
//`data`现在包含来自服务器的响应。
//它可以是html、JSON、纯文本或您选择的任何内容。
//如果'data'是html,则可以简单地将其插入:
$('body').append(data);//或放在任何位置。
},
错误:函数(){
//出现了一些问题,这是您很好地告诉用户这一点的机会。
警惕(“出了什么事”);
}
});
});

您应该使用Ajax。在谷歌上搜索。如果以下任何答案为您的问题提供了解决方案,请单击他们答案旁边的复选标记接受他们的答案。这将有助于未来用户搜索同一问题的答案。非常感谢。