Wie ajax auszuführen, wenn Seite geladen wird

Question

Ich versuche, die Datenbanktabelle mit PHP anzuzeigen. Wenn die Seite geladen ist, muss ich alle Tabellendaten anzeigen, und wenn ich die Dropdown-Auswahl anwähle, muss ich nur die zugehörigen Daten anzeigen, dh wo die Bedingung steht. Ich brauche keine SQL-Abfrage oder PHP-Code dafür, ich brauche nur jquery. Hier

$(document).ready(function() 
{ 
    $('#myHref').change(function() 
    { 
       var value = $('#myHref').val(); 
       $.get('get_projectName.php',{id:value},function(data) 
       { 
        $('#projectDetail').html(data); 
       }); 
    }); 
    $('#myHref').on('change',function() 
    { 
     $('#projectDetail').fadeIn(); 
    }); 
}); 

, wenn ich wählen Sie im Dropdown-Menü id="myHref"get_projectName.php ausführen, aber ich brauche get_projectName.php auszuführen, wenn Seite zu laden, bevor wählen Drop-Down ist, so kann ich alle Daten

Plz Hilfe angezeigt werden !!

Answer 1

Sieht aus wie Ihr Element (z. B. #myHref) nicht zu der Zeit, wenn Ihr Skript vorhanden ist. Und wenn Sie alle Daten auf laden möchten, rufen Sie einfach die Funktion z.

function getData(){//ajax here} 
getData(); 

läuft. Gibt es Fehler? oder etwas, das helfen kann?

Answer 2

function getData(value) { 
    params = {}; 

    if value 
     params.id = value; 

    $.get('get_projectName.php', params, function (data) { 
     $('#projectDetail').html(data); 
    }); 
} 
// Get Data onLoad 
getData($('#myHref').val()); 

$('#myHref').on('change',function(){ 
    getData($('#myHref').val()); 
    $('#projectDetail').fadeIn(); 
}); 

Answer 3

In dem obigen Code versuchen Sie die ausgewählte ID PHP-Datei über $ .get() übergeben, wenn der Drop-Down geändert wird. es ist in Ordnung, wenn Sie alle Daten anzeigen möchten, wenn die Seite geladen wird, dann sollten Sie einen anderen PHP haben, der alle Daten in db zurückgibt und keinen Wert annimmt. Und schreiben Sie den Code wie unten

$(document).ready(function() { 
     $.get('get_allDataFromDb.php',function(data) 
      { $('#projectDetail').html(data); 
     }); 
     $('#myHref').change(function(){ 
      var value = $('#myHref').val(); 
      $.get('get_projectName.php',{id:value},function(data) 
       { $('#projectDetail').html(data); 
      }); 
     }); 
     $('#myHref').on('change',function(){ 
      $('#projectDetail').fadeIn(); 
     }); 
}); 

Answer 4

Versuchen Sie, wie dieses

$(document).on("change", "#myHref" , function() { 

// Your Code Here 

}); 

lassen Sie mich im Falle wissen, dass es immer noch nicht funktionieren.

Answer 5

bt Ich brauche get_projectName.php auszuführen, wenn Seite geladen ist, bevor wählen Drop-Down-so kann ich alle Daten anzeigen

So will ich sehen Sie zunächst laden get_projectName.php einmal ausführen, wenn Lasten Seite und auch ausführen wenn es Änderungen im Dropdown-Menü gibt. So können Sie tun, wie unten

$(document).ready(function() { 
    //make a call initially on page load 
    var firstOptionValue = $("#myHref option:eq(1)").val() // take first option value as default 
    $.get('get_projectName.php',{id:firstOptionValue},function(data) 
    { 
     $('#projectDetail').html(data); 
    }); 


    $('#myHref').change(function(){ 
     var value = $('#myHref').val(); 
     $.get('get_projectName.php',{id:value},function(data) 
     { 
      $('#projectDetail').html(data); 
     }); 
    }); 

    $('#myHref').on('change',function(){ 
     $('#projectDetail').fadeIn(); 
    }); 
}); 

---

Refactoring den Code, können Sie einfach die gemeinsame Logik in eine Funktion herausziehen und diese Funktion aufrufen, indem Sie den gewünschten Wert vorbei, siehe unten

$(document).ready(function() { 
    //make a call initially on page load 
    var firstOptionValue = $("#myHref option:eq(1)").val(); // take first option value as default 
    GetProjectDetails(firstOptionValue); 


    $('#myHref').change(function(){ 
     var value = $('#myHref').val(); 
     GetProjectDetails(value); 
    }); 

    $('#myHref').on('change',function(){ 
     $('#projectDetail').fadeIn(); 
    }); 

    function GetProjectDetails(value){ 
    $.get('get_projectName.php',{id:value},function(data) 
    { 
     $('#projectDetail').html(data); 
    }); 
    } 
}); 

Answer 6

Ok, hier ist meine andere Antwort, wie Sie ein Ereignis auslösen können, nachdem unser Dokument fertig ist.

hoffe das wird dir behilflich sein.

<script> 
      $(document).ready(function(){ 

       //Function for AJAX Call 
       function GetData(){ 

        var value = $('#myHref').val(); 
        $.get('get_projectName.php',{id:value},function(data) 
        { 
         $('#projectDetail').html(data); 
         // 
         $('#projectDetail').fadeIn(); 
         // Any other code here you want to write. 

        }); 

       } 

       $('#myHref').change(); 
       //OR you can use 
       $("#myHref").trigger("change"); 

      });    
      $(document).on("change", "#myHref" , function() { 
       // Call the function as change evvent is triggered 
       GetData(); 
      }); 
     </script>