Dynamic created JSON String to send via Ajax

Question

I have a form and want to send the data via AJAX in a JSON Format over to my PHP File. I use jQuery to handle all the events.

I now got stuck and try to find for hours to find a way.

My Data String looks right now like this:

search = {name:$('#name').val(),group:$('#group').val()};

But I have now decided that I only want fields send over, if there is actually a Value set in it. So I created the follwoing part:

$('#search_form input[type=text]').each(function(n,element){
  if ($(element).val() != '') 
  {
    search_fields = {test :$('#'+element.id).val()};
  }
});

I now want to replace the part where it says test with the input field name and than I would have the value sitting next to it. I hope I explain it right. How would I be able to do this? Because it could be up to 3 Input Fields and I want them to add themself if they have a value or leave them out. Any hint?

Community · Accepted Answer · 2017-05-23 11:48:47Z

1

Take a look at this question:

Convert form data to JavaScript object with jQuery

I think you'll want to look at using JQuery's .serialize() or .param() to make it simpler to get you form value into JSON

edited May 23, 2017 at 11:48

CommunityBot

11 silver badge

answered Feb 2, 2012 at 17:23

Carol Skelly

364k92 gold badges741 silver badges651 bronze badges

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

Comments

Omid · Accepted Answer · 2012-02-02 17:24:21Z

1

you should use something like

var search = [];
$('#search_form input[type=text]').each(function(){
    search.push({name: $(this).attr("name"), value: $(this).val()});
});

so use JSON.stringify() function to encode it as JSON string If you use this solution, you don't need to use get_object_vars on PHP side

answered Feb 2, 2012 at 17:24

Omid

4,7159 gold badges48 silver badges78 bronze badges

1 Comment

Luka Over a year ago

This seems to work. Thank you very much for your solution !! I hopefully get this now sorted. Thanks again.

Chris Kempen · Accepted Answer · 2012-02-02 17:25:50Z

1

Have you heard of the serialize function in jQuery?

$("#search_form").serialize();

answered Feb 2, 2012 at 17:25

Chris Kempen

9,6715 gold badges43 silver badges52 bronze badges

2 Comments

Luka Over a year ago

Yes, but than all form fields get send even with empty values or am I wrong about it?

Chris Kempen Over a year ago

Unfortunately yes, you'd have to parse them after posting them :/

Apostle · Accepted Answer · 2013-02-27 07:56:19Z

0

A simple example:

$.ajax({
    type: 'POST',
    url: http://example.com,
    data: $('form').serialize()
});

answered Feb 27, 2013 at 7:56

Apostle

4822 gold badges7 silver badges23 bronze badges

Collectives™ on Stack Overflow

Dynamic created JSON String to send via Ajax

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related