Question

以下ajax代码在没有刷新的情况下无法工作，任何人都可以告诉我我做错了什么，谢谢

$(document).ready(function() {
    fetch_data();
    function fetch_data(){
        var action = "fetch";
        $.ajax({
            url:"action.php",
            method:"POST",
            data:{action:action},
            success:function(data) {
                $('#image_data').html(data);
            }
        })

Answer 1

将函数放在$(document).ready(function)之外，因为必须在所有页面加载之前加载函数

您可以在点击＆＃34;运行功能＆＃34;时运行功能。按钮

<button id="run_function">Run function</button>

$(document).ready(function(){

    fetch_data();

    /* Script for run function on button click */
    $('#run_function').click(function() { fetch_data(); return false; });
});

function fetch_data()
{
    var action = "fetch";
    $.ajax({
        url:"action.php",
        method:"POST",
        data:{action:action},
        success:function(data)
        {
            $('#image_data').html(data);
        }
    });
}

Answer 2

除非您通过其他方法调用代码，否则每个页面加载的代码只运行一次。这是一个脚本，每次按下按钮都会运行它。另外，请确保安装了jquery。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="button" onClick="fetch_data()" value="Run Function">

<script>

function fetch_data(){

  var action = "fetch";

    $.ajax({
    url:"action.php",
    method:"POST",
    data:{action:action},
    success:function(data)
    {
     $('#image_data').html(data);
    }
});

$(document).ready(function(){

fetch_data();


});


</script>

在没有刷新页面的情况下加载Ajax

2 个答案: