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?

score 1 · Answer 1 · edited May 23 '17 at 11:48

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 '17 at 11:48

Community

1
1

answered Feb 02 '12 at 17:23

Carol Skelly

351,302
90
710
624

score 1 · Answer 2 · answered Feb 02 '12 at 17:24

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 02 '12 at 17:24

Omid

4,575
9
43
74

This seems to work. Thank you very much for your solution !! I hopefully get this now sorted. Thanks again. – Luka Feb 02 '12 at 21:29

score 1 · Answer 3 · answered Feb 02 '12 at 17:25

1

Have you heard of the serialize function in jQuery?

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

answered Feb 02 '12 at 17:25

Chris Kempen

9,491
5
40
52

Yes, but than all form fields get send even with empty values or am I wrong about it? – Luka Feb 02 '12 at 20:30
1

Unfortunately yes, you'd have to parse them after posting them :/ – Chris Kempen Feb 03 '12 at 07:58

score 0 · Answer 4 · answered Feb 27 '13 at 07:56

0

A simple example:

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

answered Feb 27 '13 at 07:56

Apostle

482
2
7
23

Dynamic created JSON String to send via Ajax

4 Answers4