Ceci est ma fonction ajax

<script language="JavaScript" type="text/javascript">
 var num = 1;
function ajax_post(){
// Create our XMLHttpRequest object
var hr = new XMLHttpRequest();
// Create some variables we need to send to our PHP file
var url = "javas.php";



hr.open("POST", url, true);
// Set content type header information for sending url encoded variables in the request
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Access the onreadystatechange event for the XMLHttpRequest object
hr.onreadystatechange = function() {
    if(hr.readyState == 4 && hr.status == 200) {

        var return_data = hr.responseText;
        document.getElementById("status").innerHTML = return_data;
    }
}
// Send the data to PHP now... and wait for response to update the status div
hr.send("num=" + (++num)); // Actually execute the request
document.getElementById("status").innerHTML = "processing...";

}

Maintenant, je dois aussi trouver la bonne div / classe pour exécuter la fonction ajax dans:

 $('.eventcontainer.button').click(function() { 
    $.post('javas.php', function(data) {
       $(this).parent('div').find('.status').html(data);
    })
    });

Cependant, je ne sais pas où implémenter cela dans mon code

0
foshoeiyyy 15 déc. 2011 à 13:38

3 réponses

Meilleure réponse

Ce n'est pas une bonne idée d'écrire votre propre requête ajax si vous souhaitez exécuter votre code sur plusieurs navigateurs. Si vous avez jQuery sur votre main et que vous voulez une demande d'ajax post utilisez la fonction jQuery:

$.post('ajax/test.html', function(data) {
    $('.result').html(data);
});
2
Sebastian Stiehl 15 déc. 2011 à 10:12

Vous pouvez utiliser ceci:

$(function(){
    $('.eventcontainer.button').click(function() { 
        $.post('javas.php', function(data) {
            $(this).parent('div').find('.status').html(data);
        })
    });
})
0
ferenyl 15 déc. 2011 à 10:10

Exemple de document prêt à l'emploi:

function fooBar() {
//some code
}

$(document).ready(function(){
// all your jquery in here
$('body').hide().fadeIn(2000);
// or call your own functions
fooBar();
});
1
ggzone 15 déc. 2011 à 09:50
8517947