Php 在不刷新页面的情况下不加载Ajax

下面的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);
            }
        })

---

将函数放在

$（文档）.ready（函数）

之外，因为必须在加载所有页面之前加载函数

您可以在单击“运行函数”按钮的同时运行函数

运行函数
$（文档）.ready（函数（）{
获取_数据（）；
/*单击按钮时运行函数的脚本*/
$（'#run_function'）。单击（function（）{fetch_data（）；return false；}）；
});
函数fetch_data（）
{
var action=“fetch”；
$.ajax({
url:“action.php”，
方法：“张贴”，
数据：{action:action}，
成功：功能（数据）
{
$（'#image_data'）.html（数据）；
}
});
}

将函数放置在

$（文档）.ready（函数）

之外，因为函数必须在加载所有页面之前加载

您可以在单击“运行函数”按钮的同时运行函数

运行函数
$（文档）.ready（函数（）{
获取_数据（）；
/*单击按钮时运行函数的脚本*/
$（'#run_function'）。单击（function（）{fetch_data（）；return false；}）；
});
函数fetch_data（）
{
var action=“fetch”；
$.ajax({
url:“action.php”，
方法：“张贴”，
数据：{action:action}，
成功：功能（数据）
{
$（'#image_data'）.html（数据）；
}
});
}

除非通过其他方法调用，否则每次加载页面时，代码只运行一次。下面是一个脚本，它将在您每次按下按钮时运行。另外，请确保已安装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>

函数fetch_data（）{
var action=“fetch”；
$.ajax({
url:“action.php”，
方法：“张贴”，
数据：{action:action}，
成功：功能（数据）
{
$（'#image_data'）.html（数据）；
}
});
$（文档）.ready（函数（）{
获取_数据（）；
});

除非您通过其他方法调用代码，否则每次加载页面时，您的代码将只运行一次。下面是一个脚本，您每次按下按钮时都会运行它。另外，请确保已安装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>

函数fetch_data（）{
var action=“fetch”；
$.ajax({
url:“action.php”，
方法：“张贴”，
数据：{action:action}，
成功：功能（数据）
{
$（'#image_data'）.html（数据）；
}
});
$（文档）.ready（函数（）{
获取_数据（）；
});

将您的函数定义放在

文档之外。准备好了吗

@GuruprasadRao我现在没有ajax工作检查您是否有任何控制台错误？检查浏览器中的“网络”选项卡以查看是否触发了

ajax

请求。首先，您需要共享整个代码部分，您的函数没有结束，因此无法工作！您可以加载ajax一次是因为当您刷新页面时，jquery将在之后调用函数，jquery不会在没有任何事件的情况下调用函数。将您的函数定义放在

文档之外。就绪

@GuruprasadRao我现在没有ajax工作检查您是否有任何控制台错误？检查浏览器中的“网络”选项卡以查看

ajax

reques首先，您需要共享整个代码部分，这里的函数没有结束，因此无法工作！您可以加载ajax一次，因为当您刷新页面时，jquery将调用该函数，之后jquery将不会调用该函数，而不会发生任何事件。感谢您的帮助，现在ajax可以在不刷新的情况下工作，但是对于se第二次只有第一次当我打电话时它不起作用，但第二次它起作用了calling@NithishPK检查我显示的更新答案，如何在单击按钮上运行函数…@NithishPK欢迎…：）感谢您的帮助，现在ajax正在工作，无需刷新，但这是第二次，只是第一次，当我通过它调用时，它不是w但是第二次calling@NithishPK检查我显示的更新答案，如何在单击按钮上运行函数…@NithishPK欢迎…：）感谢您的帮助，现在ajax正在工作，无需刷新，但这是第二次，只是第一次，当我通过它调用时，它不工作，但第二次是calling@NithishP K更新了我的回答..我在jquery ready函数中添加了该函数。这样，它会在加载时运行，然后当您按下按钮..如果它对您有效，请将其标记为已接受的回答！干杯谢谢帮助现在ajax正在工作，没有刷新，但第二次只是第一次，当我通过调用时它不工作，但第二次是calling@NithishP K更新了我的答案。我在jquery ready函数中添加了该函数。这样它会加载运行，然后当您按下按钮时。如果它对您有效，请将其标记为已接受答案！干杯