AJAX Callback syntax question

[Steve Wood]

I have the following as a button in freeform to perform an AJAX Callback. I need to add a second parameter just like the first one ("oid"), but I cannot get the syntax right. Any one know?

<button id="setvar1" onclick="a5_AJAX_Callback('post.ajax.a5w','oid='+urlencode($('post_ORDERNO').value)); return false;">Verify</button>

Assume I want to add:
'newvar='+urlencode($('post_NEWFIELD').value))

[Steve Workings]

Re: AJAX Callback syntax question

Should be straight-forward Steve, to just use an ampersand. I'm modelling my attempt on the first example from the Web App Demo:

a5_AJAX_Callback('AJAX_UnderstandingTheBasics.Ajax.A5W','action=SayHello&name='+urlencode($('yourName').value));

'oid='+urlencode($('post_ORDERNO').value))&'newvar='+urlencode($('post_NEWFIELD').value)) ;

Send pages to me if you want.

[ColinJD]

Re: AJAX Callback syntax question

Steve,
In my limited experience with one variable urlencode() works great,
But I have had bad experiences using it multiple times within the same Ajax Call back.
Unsure why but when I remove it everything works.
Maybe URLencoding will work ok if preinserting it into the A5_Ajax_Callbacks
but more than one urlencode statement has caused me issues.
Yes, the "&" symbol seperates the variable, name/value pairs.

[Steve Wood]

Re: AJAX Callback syntax question

This is the only syntax that ended up working. I'm passing oid and oid2.

By the way, I find I cannot create an ajax call back using a Custom Field on a Dialog. I can do it on a Grid, but not a dialog. That is why the code below is in Freeform rather than a Custom Field (which is easier syntax).

The place where the two variables join is where you see +'&, which would be the same as "+'&".

<button id="setvar1" onclick="a5_AJAX_Callback('courierpost.ajax.a5w','oid='+urlencode($('courierpost_ORDERNO').value)+'&amp;oid2='+urlencode($('courierpost_ORDERNOENTER').value)); return false;">Verify</button></td>

[ColinJD]

Re: AJAX Callback syntax question

Steve I wish to suggest to you a different approach of what you are doing.
I think this is a more simplistic approach
1.) Using a custom field on grid or custom control on a dialog,
2.) Hand write out you HTML controls (or wizard them up and copy paste)
3.) Find the event handler you need eg onselect() mouseover() ...whatever
4.) Use your new event handler thats in your HTML control, inside your custom control to call a plain wrapped Javascript function
5.) From the Javascript function use the $('fromtheId').value and $('theotherId').value then
6. Either Pass these values to your a5_Ajax_Callback, or plonk them in it.
-
The advantages of this methodology,
a) is its broken into simple steps that you can test on the way through
b) between, a5 HTML, and jscript there seems to be a lot of undocumented problems encoding stuff both ways. (I have spent coutless hours working on most minute syntax)
c) Reusability , and easy reproducability
--
I have seen &amp about, as used in place of &,
I'll start using it from now also, although I'm unsure of its potency within jscript.

[Steve Wood]

Re: AJAX Callback syntax question

Seems a lot more complex than what I did. This Callback request / callback page is quite neat. Simple calls to a normal A5W page that can have any xbasic desired. Its easy to test and debug.

[ColinJD]

Re: AJAX Callback syntax question

Well I'm trying to do everything possible , to stop myself going crosseyed with this ajax stuff.
The other thing that is becoming painful
is switching from a case Insensitive but type sensitive script lingo, to a case sensitive but type insensitive script lingo, every few minutes.
But I guess that's what I'll have to get used to.

[NoeticCC]

Re: AJAX Callback syntax question

Shouldnt $gvs('fieldname') do the trick to get the value of a single field?