json is just a terse way to create objects anonymously as well as other data structures in javascript. http://json.org/ to build a json response with html essentially all you need to do is create a javascript array in php and put the html you want for the next page in that. then you use the eval() function in javascript to 'incarnate' the javascript array (which contains the html). once youve done that you can put the html into the dom wherever you like. typically you will replace some existing dom content w/ the new html. so as an example; lets say on the php side of things you have your html; for the sake of brevity lets assume its in a variable called *$html*. you will need to encode this for transmission (so the javascript interpreter doesnt blow up when it tries to 'incarnate' the string as literal javascript code). if youre using php5 this is as simple as $jsonResponse = json_encode(utf8_encode('var newHtml = [' . $html . ']')); notice the braces on either side of the html; here were creating a javascript array containing our html string. if you have multiple html segments youd like to stitch into different parts of the dom, simply delimit them with commas, such as $jsonResponse = json_encode(utf8_encode('var newHtml = [' . $html . ', ' . $html1 . ', ' . $html2 . ']')); and so on. then you will send that to the browser, where your ajax handler will intercept it. echo $jsonReponse; on the javascript side all you need to do is run this output from the php through the javascript interpreter. jquery will hand you back the results packed up somehow, you will have to read up on how it will hand this to you (its an XMLHttpRequest object under the hood); but lets say its in a variable, *responseText*. the javascript to incarnate your string is: eval('('+responseText+')'); now all the strings of html you put in the array on the server side are available to your javascript as indexes of the *newHtml* array. so lets say you have a section of the dom in a div tag, with id, * dynamicContentSection*; using traditional dhtml techniques you would do something like this to get your new html in place document.getElementById('dynamicContentSection').innerHtml = newHtml[0]; thats about it. there are plenty of places to make mistakes though :) and there alternatives to the methods ive suggested, of course. take a look a firebug (firefox plugin) and jslint (javascript syntax checker) theyre great javascript debugging tools. -nathan On Nov 18, 2007 8:25 PM, samantha_o <ooi_lching@xxxxxxxxxxxx> wrote: > > I did not try using json because i am very new in this field and dont know > much about it. Can you give me some examples about it? Thanks for helping. > > > Shiplu wrote: > > > > Why dont you use json as server response? Then manipulate it by own > > javascript. You can use jquery $.getJSON function to do the ajax part > > for you. > > > > On 11/16/07, Shiplu <shiplu.net@xxxxxxxxx> wrote: > >> Why dont you use json as server response? Then manipulate it by own > >> javascript. You can use jquery $.getJSON function to do the ajax part > >> for you. > >> > >> On 11/16/07, samantha_o <ooi_lching@xxxxxxxxxxxx> wrote: > >> > > >> > Hi, > >> > > >> > i would like to submit forms with ajax, using jquery and then load > the > >> next > >> > page. I had successfully do it with jquery and form plugin. however, > it > >> does > >> > not work whenever the server response consist of both HTMLs and > >> javascript > >> > together. Is it possible to make it works? I am new in all this. Can > >> anyone > >> > help me? > >> > -- > >> > View this message in context: > >> > > >> > http://www.nabble.com/submitting-forms-with-ajax-tf4819530.html#a13788322 > >> > Sent from the PHP - General mailing list archive at Nabble.com. > >> > > >> > -- > >> > PHP General Mailing List (http://www.php.net/) > >> > To unsubscribe, visit: http://www.php.net/unsub.php > >> > > >> > > >> > > > > -- > > PHP General Mailing List (http://www.php.net/) > > To unsubscribe, visit: http://www.php.net/unsub.php > > > > > > > > -- > View this message in context: > http://www.nabble.com/submitting-forms-with-ajax-tf4819530.html#a13826338 > Sent from the PHP - General mailing list archive at Nabble.com. > > -- > PHP General Mailing List (http://www.php.net/) > To unsubscribe, visit: http://www.php.net/unsub.php > >
