Within the event handler function we add a new submit event
handler function to form1. This function will be executed when form1 is submitted.
We use the $('someDOM_ID') syntax to point the JavaScript at
a specific DOM element identified by the supplied ID.
The first thing that this function does is prevent the form submission event from
continuing. If we do not do this, the user will be redirected to the XML. The next
thing we do is execute the send() method.
There are a number of settings that we can pass to the send() method. In this case
we pass the DOM element we want to update, aptly named update. This brings us
to our next task before we can use our JavaScript. We need to add an element to the
document where the results from the AJAX request will be displayed:
Update Area
We can now proceed and use the form button. This is a screenshot before the AJAX is
put in action:
And, this is the screenshot after the AJAX is put in action:
There is one rather obvious issue with this AJAX??”the updated area has been
populated with the RAW XML response.
Pages:
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396