php - 使用 AJAX 打开 php 文件

Question

所以我试图打开一个更新我数据库中某些内容的 php 文件。我想使用 AJAX 来执行此操作，因为我不希望我的整个页面都更新。运行 php 文件后，我想更改触发 php 文件的页面上的图像。

这究竟是如何完成的？

Answer 1

希望你有 jquery 库

像这样进行ajax调用：

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

希望对你有帮助

Answer 2

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

Answer 3

何时完成此操作的结构取决于您如何进行 AJAX 调用。在您包含 jQuery 的标签中，所以我假设您正在使用该.ajax()函数。现在我将假设使用.then()回调（如果代码不同，请显示您的代码）。在这种情况下，您将在此处“更改图像”：

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

根据文档，.then()将始终在 AJAX 调用完成后调用。还有其他更具体的功能，例如.done()或.fail()您也可以使用。上面代码中的注释指示您将在何处执行响应 AJAX 调用的操作。您执行的操作并不完全清楚。你只是在改变src一个img？像这样的东西，然后：

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

你去哪里someUrlValue取决于你。

Answer 4

如JQuery 文档所示：

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

Answer 5

使用jquery，就像

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

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