Re: submitting forms with ajax

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

 



Thanks a lot. Really appreciate it. I will try to apply it.


quickshiftin wrote:
> 
> 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
>>
>>
> 
> 

-- 
View this message in context: http://www.nabble.com/submitting-forms-with-ajax-tf4819530.html#a13830261
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


[Index of Archives]     [PHP Home]     [Apache Users]     [PHP on Windows]     [Kernel Newbies]     [PHP Install]     [PHP Classes]     [Pear]     [Postgresql]     [Postgresql PHP]     [PHP on Windows]     [PHP Database Programming]     [PHP SOAP]

  Powered by Linux