使用AJAX打开php文件

使用AJAX打开php文件,php,jquery,html,mysql,ajax,Php,Jquery,Html,Mysql,Ajax,因此,我试图打开af-php文件来更新数据库中的某些内容。我想使用AJAX来实现这一点,因为我不想更新整个页面。在php文件运行之后,我想更改页面上触发php文件的图像 这到底是怎么做到的 使用jquery,简单地说 $.ajax({url: "yourpage.php"}); 使用jquery检查参考以获得更多选项,如下所示 $.ajax({url: "yourpage.php"}); 查看参考以了解更多选项,如图所示: 如图所示: 希望您有jquery库 执行如下ajax调用: $('#

因此,我试图打开af-php文件来更新数据库中的某些内容。我想使用AJAX来实现这一点,因为我不想更新整个页面。在php文件运行之后,我想更改页面上触发php文件的图像


这到底是怎么做到的

使用jquery,简单地说

$.ajax({url: "yourpage.php"});

使用jquery检查参考以获得更多选项,如下所示

$.ajax({url: "yourpage.php"});
查看参考以了解更多选项,如图所示:

如图所示:


希望您有jquery库

执行如下ajax调用:

$('#upvote').click(function(){
    $.ajax({
        url : 'scripts/upvote.php', // give complete url here
        type : 'post',
        success : function(data){
            alert('success');
        }
    });
});

希望这将帮助您

希望您拥有jquery库

执行如下ajax调用:

$('#upvote').click(function(){
    $.ajax({
        url : 'scripts/upvote.php', // give complete url here
        type : 'post',
        success : function(data){
            alert('success');
        }
    });
});

希望这将对您有所帮助

这是进行AJAX调用的一种方法。您实际上不需要将其设置为POST:

$.ajax({
    url: 'anyphpfile.php',
    dataType: 'type', //the type of data you're expecting
    success: function(result){
        //do what you want to update here
    }
});

这是进行AJAX调用的一种方法。您实际上不需要将其设置为POST:

$.ajax({
    url: 'anyphpfile.php',
    dataType: 'type', //the type of data you're expecting
    success: function(result){
        //do what you want to update here
    }
});

何时完成此操作的结构取决于如何进行AJAX调用。在包含jQuery的标记中,我假设您使用的是
.ajax()
函数。现在我假设使用
.then()
回调(如果代码不同,则显示代码)。在这种情况下,您可以在此处“更改图像”:

根据,AJAX调用完成后,
.then()
将始终被调用。还有其他更具体的函数,如
.done()
.fail()
,您也可以使用这些函数。上面代码中的注释指明了响应AJAX调用执行操作的位置。你的行动并不完全清楚。您是否正在更改
img
src
?这样的话:

$('#theImage').prop('src', someUrlValue);

从哪里获得someUrlValue取决于您。

何时完成的结构取决于您如何进行AJAX调用。在包含jQuery的标记中,我假设您使用的是
.ajax()
函数。现在我假设使用
.then()
回调(如果代码不同,则显示代码)。在这种情况下,您可以在此处“更改图像”:

根据,AJAX调用完成后,
.then()
将始终被调用。还有其他更具体的函数,如
.done()
.fail()
,您也可以使用这些函数。上面代码中的注释指明了响应AJAX调用执行操作的位置。你的行动并不完全清楚。您是否正在更改
img
src
?这样的话:

$('#theImage').prop('src', someUrlValue);

您可以从哪里获得
someUrlValue
取决于您。

阅读可能的副本,您会发现。jQuery不是一个神奇的神秘盒子,它可以为您解决问题。您仍然需要编写代码。您是否使用过ajax@Thobias?阅读可能的副本,您会发现。jQuery并不是一个为您解决问题的神奇神秘盒子。您仍然需要编写代码。您是否使用过ajax@Thobia?当我按下图像时,似乎发生了什么事情。这是我的javascript代码:@ThobiasNordgaard:它以什么方式失败?检查JavaScript控制台是否存在错误。例如,在代码中使用的是
someUrlValue
,但从未在任何地方定义过它。你需要给它一个实际值。使用浏览器调试工具(如FireBug或Chrome developer工具),您可以检查是否实际进行了AJAX调用,服务器的响应是什么,甚至可以在调试器中逐步检查JavaScript代码。您需要确定此处发生的具体问题。当我按下图像时,似乎什么也没有发生。这是我的javascript代码:@ThobiasNordgaard:它以什么方式失败?检查JavaScript控制台是否存在错误。例如,在代码中使用的是
someUrlValue
,但从未在任何地方定义过它。你需要给它一个实际值。使用浏览器调试工具(如FireBug或Chrome developer工具),您可以检查是否实际进行了AJAX调用,服务器的响应是什么,甚至可以在调试器中逐步检查JavaScript代码。您需要确定此处发生的具体问题。