php website and Jquery $.ajax()

Question

The website I'm developing is structured in this way:

It has a function that switches the module for the homepage content when $_GET['module'] is set, example:

function switchmodules()
{
    $module=$_GET['module'];
    switch($module)
    {
        case 'getnews': news(); break;
        default: def();
    }
}

As you can see, this switch calls another function for each module.

For example I wrote getNews() to work in this way:

function getNews()
{
   $id=$_GET['id'];
   if(!id)
   {
       //CODE TO LIST ALL NEWS
   }
   if(isset($id))
   {
       //CODE TO GET ONLY 1 NEWS BY ID
   }

}

So, as you can see I'm not using an unique file for each module; all operations of a module are part of an unique function in which an action is switched again to change the result.

If I want to get a news from database I should use an url like this: ?index.php&module=getnews&id=1

My question now is:
With jQuery and $.ajax() method is there a way to get a news (for example) using this structure based on functions switched by a get? Or do I have to change everything and make a file for each function?

you do not have to change anythink it only how you display the result if you just send result in a form that renders to html than you should be fine — COLD TOLD
– COLD TOLD, Commented Apr 14, 2012 at 20:01
Your code is ok, now, read about jQuery $.ajax (api.jquery.com/jQuery.ajax) — Gabriel Santos
– Gabriel Santos, Commented Apr 14, 2012 at 20:02
i can't still understand, in $.ajax function url:"" i cant pass an url like ?index.php&module=getnews&id=1 so, can you please make me a simple example to do that? — Antonio Ciccia
– Antonio Ciccia, Commented Apr 14, 2012 at 20:05
You should understand that PHP runs on the Server not the client. It will perform your scripts and then return a pure HTML page. Any functions written in Javascript or its libraries will be executed on the client, after the server has loaded the pure HTML page (php processing is done). — Ozzy
– Ozzy, Commented Apr 14, 2012 at 20:08
Yes, you can, see my answer below. And, to understand, learn about jQuery serialize (api.jquery.com/serialize) — Gabriel Santos
– Gabriel Santos, Commented Apr 14, 2012 at 20:16

Andreas Linden · Accepted Answer · 2012-04-14 20:04:09Z

1

you can simply call the same url via $.ajax(). the only thing which should be changed for axjax calls is that you don't output your layout, but only the news itsself.

in php you can check for an ajax request like

if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {

    // dont output layout
}

answered Apr 14, 2012 at 20:04

Andreas Linden

12.8k7 gold badges54 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dmitry Teplyakov · Accepted Answer · 2012-04-14 20:07:41Z

1

If this code is in say 'test.php' you can do:

<script>
    $.get(
        '/test.php',
        {
            module: 'news',
            id: 1
        },
        function( data ) {
            alert( data );
        }
    );
</script>

And js will send GET request to test.php with needed params. Then your server script will decide how to process request.

answered Apr 14, 2012 at 20:07

Dmitry Teplyakov

2,9085 gold badges31 silver badges46 bronze badges

Comments

Gabriel Santos · Accepted Answer · 2012-04-15 17:44:44Z

0

jQuery

$(document).ready( function() {
    var form = '#my_awesome_form';

    $(form + ' input[type=submit]').click(function(e) {
        e.preventDefault();

        $.ajax({
            type: "GET",
            url: 'index.php',
            data: $(form).serialize(),
            success: function( response ) {
                alert('DONE!');
            }
        });
    });
});

HTML

<form id="my_awesome_form" // OTHERS PROPERTIES //>
    // LOT OF FIELDS HERE //
    <input type="submit" value="Send">
</form>

edited Apr 15, 2012 at 17:44

answered Apr 14, 2012 at 20:12

Gabriel Santos

4,9742 gold badges45 silver badges74 bronze badges

1 Comment

Andreas Linden Over a year ago

i would add a return false to the click, otherwise the brwoser will submit the form and cancel the ajax request

Collectives™ on Stack Overflow

php website and Jquery $.ajax()

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related