Search jQuery

jQuery Forum

Problem with change page passing data

in jQuery Mobile • 8 years ago

I'm new to jquerymobile, i'm developing a web app:
I need to pass to a page some data, the receiver page use the data, aske to DB and make a list. Clicking on a button of the new page the data ar re-ordered (asking to server).

I don't understand the logic of this usage, the documentation is not well formed for this page transation. Do I have to insert php code in page or not? Do i pass data to php or not?

I need help, i'm available to pay somone for make me understand it.

Replies(14)

John Chac..

Re: Problem with change page passing data

8 years ago

you can use 'pagebeforechange' event here

otta88.box

Re: Re: Problem with change page passing data

8 years ago

is compatible and deprecated with 1.4.3? But with jquery mobile i've to pass data to other page locally or using php?

John Chac..

Re: Problem with change page passing data

8 years ago

There is an alternative for pagebeforechange. So still can be used it depending on your version.
you need php to communicate to server.

will be better if you can explain your functionality

otta88.box

Re: Re: Problem with change page passing data

8 years ago

i have a category list, each list item as a id attribute that i've to pass to a external page(in same directory) on tap. Now that page (list.html) take the id, send a request to server and get the items related to id passed.

I think that the power of jQuery Mobile is to pass data between page without PHP and use php only for async request internal to page. I've some API ready to comunicate with native app, and i'ld like to use that to comunicate with my web app (jQuery Mobile).

Is me wrong or the power of jQuery Mobile is to pass data to other page without using PHP?

John Chac..

Re: Problem with change page passing data

8 years ago

i guessed right.

understood your requirement.

you have a category list with a unique id.

and you want to show the items under that category on click of the item...

here you must think a bit different. thats how I done in my projects.

your category list will be having a href like '#category?id=121'
where id change for each item.

onclick of category 'pagebeforechange' fires. from that event you can make an async request to server (php) and pass category id and get list items and build list items page and then call changepage.
or even server can return the whole page markup...

I have a similar sample here. it a page to search for contats. and it shows contact details onclick.

http://johnchacko.net/jqm/list.php

http://johnchacko.net/?p=143

John Chac..

Re: Problem with change page passing data

8 years ago

or you can straight away link to a php like

list.php?categoryid=123

and list.php returns a jqm page. ( i never done this way though)

otta88.box

Re: Re: Problem with change page passing data

8 years ago

It seems a little bit confused because i've red that in 1.5 changePage will not be supported, i'm developing under 1.4.3 and i'ld like to get a modern code. Isn't any way to pass data to other page without using PHP?

I've a big confusion since i red the changePage not support... i think in jquery documentations there are not well explaned little examples of web app that could help developers as well..

John Chac..

Re: Problem with change page passing data

8 years ago

you still can use alternate for changepage.

"pass data to other page without using PHP?"

how are you going to get data without PHP?

John Chac..

Re: Problem with change page passing data

8 years ago

let me try a sample for you.

John Chac..

Re: Problem with change page passing data

8 years ago

category.html

<head>

<title>category demo</title>

$(document).delegate("#catList", "pageshow", function(e, data) {

console.log(e.target.baseURI) //make async request here and fill catList page UL });

</script>

</head>

<body>

<h2>jQuery Mobile 1.4.2 Example</h2>

</div>

<li><a href="catlist.html?id=1">Category- 1</a></li>

<li><a href="catlist.html?id=2">Category- 2</a></li>

<li><a href="catlist.html?id=3">Category- 3</a></li>

<li><a href="catlist.html?id=4">Category- 4</a></li>

</ul>

</div>

</body>

</html>

catlist.html

<h2>Category List</h2>

</div>

</ul>

</div>

Here you are listening to pageshow of categorylist page and make async call and fill list.

I personally don't prefer this way. very much comfortable with pagebeforechange event in these scenario.

otta88.box

Re: Re: Problem with change page passing data

8 years ago

i am more confused than before... i dont need console log, i just need to pass data to other page.

I used this to pass value, and get them with PHP from other page

$(document).ready(function(){

$("a.gotolist").bind("tap", function(){

var theCat = $(this).attr('id');

$.mobile.changePage( "list.html", {type: "post", data: {mac: theMAC, time_zone: theTZ, cat: theCat, latitude: Geo.lat, longitude: Geo.lng} } );

});

</script>

but i red that changePage WILL NOT BET SUPPORTED MORE in next version and tryed to change... but list.html need to have a <head> or only main index one? As u see, i 'm very confused HOW jQuery Works...

John Chac..