Make a Ajax POST query to php script

Question

so I have 9 check boxes which I want to post the data of to my php script and am stuck as to how I would do this? I have found this base:

$.ajax({
  type: "POST",
  url: "check.php",
  data: data,
  success: success,
  dataType: dataType
});

But I don't know how to go about setting that data, success and dataType of that function. I want to be able to send the states/values of my 9 checkboxes as the data and want to be able to call a javascript function which is parsing the output of the post request. This is what my check boxes look like.

<form id="myform">
    <input type="checkbox" id="1" name="1"/>
        <label for="1"><span>1</span></label>
    <input type="checkbox" id="2" name="2"/>
        <label for="2"><span>2</span></label>
    <input type="checkbox" id="3" name="3"/>
        <label for="3"><span>3</span></label>
    <input type="checkbox" id="4" name="4"/>
        <label for="4"><span>4</span></label>
    <input type="checkbox" id="5" name="5"/>
        <label for="5"><span>5</span></label>
    <input type="checkbox" id="6" name="6"/>
        <label for="6"><span>6</span></label>
    <input type="checkbox" id="7" name="7"/>
        <label for="7"><span>7</span></label>
    <input type="checkbox" id="8" name="8"/>
        <label for="8"><span>8</span></label>
    <input type="checkbox" id="9" name="9"/>
        <label for="9"><span>9</span></label>
</form>

Thanks.

api.jquery.com/serialize

Tushar Gupta - curioustushar
– Tushar Gupta - curioustushar

2013-09-11 00:56:40 +00:00
Commented Sep 11, 2013 at 0:56 — Tushar Gupta - curioustushar
– Tushar Gupta - curioustushar, Commented Sep 11, 2013 at 0:56

Scary Wombat · Accepted Answer · 2013-09-11 00:48:31Z

1

if the data is in a form you can serialize the form

var data = $('form').serialize();

see http://docs.jquery.com/Ajax/serialize

answered Sep 11, 2013 at 0:48

Scary Wombat

44.9k6 gold badges38 silver badges67 bronze badges

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

3 Comments

Álvaro Martínez Over a year ago

Additionaly, data must be an object: var data = { valueA: inputA.val(), valueB: inputB.val(), [...] };

Duncan Palmer Over a year ago

Only question I need answered now is how I set the success part.

Álvaro Martínez Over a year ago

success must be a function success: function(response) { /* What to do with the response */ } Please mark this question as answered.

Collectives™ on Stack Overflow

Make a Ajax POST query to php script

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related