使用AJAX打开php文件

时间:2013-10-25 13:14:19

标签: php jquery html mysql ajax

所以我试图打开我的数据库中更新内容的PHP文件。我想使用AJAX这样做,因为我不希望我的整个页面更新。运行php文件后,我想更改触发php文件的页面上的图像。

这究竟是怎么做到的?

5 个答案:

答案 0 :(得分:3)

希望你有jquery库

像这样做一个ajax调用:

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

希望这会对你有所帮助

答案 1 :(得分:1)

这是进行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
    }
});

答案 2 :(得分:1)

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

$.ajax({
  url: 'someurl.php'
}).then(function() {
  // change the image here
});

根据the documentation,在AJAX调用完成后将始终调用.then()。您还可以使用其他更具体的功能,例如.done().fail()。上面代码中的注释表示您在响应AJAX调用时执行操作的位置。你的表现并不完全清楚。您只是更改了src的{​​{1}}吗?这样的事情,然后:

img

$('#theImage').prop('src', someUrlValue); 取决于你。

答案 3 :(得分:0)

JQuery docs

所示
$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: function(result) {
    // Change image here
  },
  dataType: dataType
});

答案 4 :(得分:-1)

使用jquery,只需

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

检查参考以获取更多选项http://api.jquery.com/jQuery.ajax/