jQuery + Ajax无法接收html按钮值

Question

here is my jquery function:

function showNewWindow(){
    $('#result').slideDown('slow');
    $("#result").html('<div id=resim><center><img src="loading.gif"></center></div>');
    $.ajax({
        type:'GET',
        url:'windowLoader.php',
        data:$('#windowName').serialize(),
        success:function(response){
            $("#result").html(response)
        }
    })
}

What i want to do: I have a menu, which include lot's of pages in it. I want it to load the page the user selected without refreshes in browser.

My form has an id as you can understand. if i store the get information in a hidden html input, it parses the first input and doesn't see others. (every page has different names) So i thought that, if i store the data in buttons, the problem will be solved. But this time; no GET sent to windowLoader.php.

I don't want to write different functions in jquery or seperate if's in php because it will be a silly thing to do.

Could anyone please help me about that trouble?

Answer 1

You should be using $.get(...) instead of $.ajax(...), as this method is meant to be at a very low level. try this:

function showNewWindow(){
$('#result').slideDown('slow');
$("#result").html('<div id=resim><center><img src="loading.gif"></center></div>');
var myData = $('#windowName').serialize();
$.get("windowLoader.php", 
    myData, 
    function(data){
        $('#result').html(data);
    }, 
    "html");
}