PHP-AJAX: How to pass URL variable through Ajax

Question

I have set an Ajax call for Pagination. I need to pass one more vaiable which is stored in the URL

URL

http://thisite.com/pagetitl/?id=12  **// where 'id=' is a variable I want to pass.**

Ajax Call

function page(page) {
    var dataString = '&page=' + page; // pagination with ajax
    pag.ajax({
        type: "GET",
        url: "cmn_pg.php",
        data: dataString,
        success: function (ccc) {
            pag("#search_results").html(ccc);
        }
    });
}

I have tried to GET it in PHP file $id=$_GET[id], but wont work.

I ask how to pass it with AJAX because I'm quite new to AJAX.

If you want to use $_GET then you have to pass it along with the url, that is after 'cmn_pg.php?page='+page Also use $_GET['page'] — Althaf M
– Althaf M, Commented Nov 6, 2013 at 9:29

Quentin · Accepted Answer · 2013-11-06 09:32:10Z

7

If you are building your query string manually then:

dataString = 'page=' + encodeURIComponent(page);

but you are using jQuery, so don't build it manually:

url: "cmn_pg.php",
data: {
    "page": page
},
success: function (ccc) {

(You also need to use the right name for it in PHP: <?php $id = $_GET['page'] ?>)

answered Nov 6, 2013 at 9:32

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

1 Comment

Reinstate Monica Cellio Over a year ago

+1 for both covering his errors in his question code and answering the question :)

웃웃웃웃웃 · Accepted Answer · 2013-11-06 09:29:17Z

0

You can pass via url like this

pag.ajax
({
type: "GET",
url: "cmn_pg.php?page="+page,
success: function(ccc)
  {
    pag("#search_results").html(ccc);
  }
});

Or

pag.ajax
({
type: "post",
url: "cmn_pg.php",
data: {'data':dataString},//You can add as many datas seperated by comma to pass more values
success: function(ccc)
  {
    pag("#search_results").html(ccc);
  }
});

And in php

$dataString = $_POST['data'];

answered Nov 6, 2013 at 9:29

웃웃웃웃웃

12k15 gold badges63 silver badges95 bronze badges

Comments

Stefan · Accepted Answer · 2013-11-06 09:31:33Z

0

You named the variable "page" and try to access it via "id" in PHP. You have to create the query string liek this:

var  dataString = '&id=' + page;

Alertnitavly you can use pass an object to the "data" parameter andjQUery does the transformationf for you. Sample:

 data: { id: page },

Data to be sent to the server. It is converted to a query string, if not already a string. It's appended to the url for GET-requests. See processData option to prevent this automatic processing. Object must be Key/Value pairs. If value is an Array, jQuery serializes multiple values with same key based on the value of the traditional setting (described below).

Soruce: http://api.jquery.com/jQuery.ajax/

answered Nov 6, 2013 at 9:31

Stefan

15k17 gold badges92 silver badges155 bronze badges

Comments

Rohan Kumar · Accepted Answer · 2013-11-06 09:33:37Z

0

Try this,

pag.ajax({
    type: "GET",
    url: "cmn_pg.php",
    data: {
        page: page, // your page number
        id:12// your id to send
    },
    success: function (ccc) {
        pag("#search_results").html(ccc);
    }
});

answered Nov 6, 2013 at 9:33

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Comments

ʞɹᴉʞ ǝʌɐp · Accepted Answer · 2013-11-06 09:35:58Z

0

 function page(page) {
   var dataString = '&page=' + page; // pagination with ajax pag.ajax
   ({
     type: "GET",
     url: "cmn_pg.php",
     data: {
      page: page
     },
     success: function(ccc) {
       pag("#search_results").html(ccc);
     }
   });

if more data is there to pass add to data variable as given bellow :-
data : {page:page,data2:data2},

edited Nov 6, 2013 at 9:35

ʞɹᴉʞ ǝʌɐp

5,7108 gold badges44 silver badges65 bronze badges

answered Nov 6, 2013 at 9:30

Sanal K

7334 silver badges14 bronze badges

Collectives™ on Stack Overflow

PHP-AJAX: How to pass URL variable through Ajax

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related