ajax form manipulation with jquery

Question

Similar to jQuery how to load some json records into a form fields?, I'm having a rather complex form where fields interact with each other, requiring recalculations (some complex mathematics) as well as disabling fields upon certain conditions. Class at server which may output JSON or similar.

The calc-request is fired by jquery on any field-onchange, and should pick up the class-response and act accordingly. About acting upon the ajax-response:

Can the response be formatted so the fields are updated/faded without iterating the JSON-result?
Please provide an example of a state-of-the-art json-response for such functionality.

I'm trying not to reinvent the wheel but keen to go as vanilla as possible, plugins tend to break.

EDIT:

In essence:

$.ajax({
  url: "theCalcClass.php",
  context: document.body
  }).done(function() { 
    //use the json data to update fields w/o foreach...
  });

Why exactly you don't want to iterate the JSON response?

bfavaretto
– bfavaretto

2012-05-10 22:08:15 +00:00
Commented May 10, 2012 at 22:08 — bfavaretto
– bfavaretto, Commented May 10, 2012 at 22:08
It itches. One tier too much.

Teson
– Teson

2012-05-10 22:12:53 +00:00
Commented May 10, 2012 at 22:12 — Teson
– Teson, Commented May 10, 2012 at 22:12

bfavaretto · Accepted Answer · 2012-05-10 22:23:12Z

1

I'm not sure I understand your question. If you are looking for a built-in one-liner like form.repopulateWith(json), it doesn't exist. Your options are:

Looping the JSON and repopulating each field, or
Setting the field values one by one without looping.

Any other solution (like a plugin) will have to use one of these approaches, there is no other way.

answered May 10, 2012 at 22:23

bfavaretto

72k18 gold badges118 silver badges162 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Teson Over a year ago

I belive you understand my question. I more or less want to bind the JSON (object) to the DOM.

bfavaretto Over a year ago

Yes, but there's no "vanilla" way to do that. Maybe Backbone.js (suggested by @Amadan) can do that, but it's a whole framework. JS and web browsers do not provide that out of the box.

Teson Over a year ago

Ok, thank you. Backbone however, seems too clever for the purpose.

Amadan · Accepted Answer · 2012-05-10 21:54:31Z

1

Not 100% sure what you mean, but I believe a MVC framework like Backbone.js might help you.

answered May 10, 2012 at 21:54

Amadan

200k23 gold badges252 silver badges321 bronze badges

Comments

Niko · Accepted Answer · 2013-04-12 21:14:33Z

0

There is something that does exactly that (including array of subobjects handling): https://github.com/corinis/jsForm

answered Apr 12, 2013 at 21:14

Niko

6,2692 gold badges40 silver badges51 bronze badges

Collectives™ on Stack Overflow

ajax form manipulation with jquery

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related