JQuery - passing one parameter worked but not multiple

I've decided that I have to learn jQuery. No turning back :)

I think Rob (tagit) helped me with this once and I'm following the example.

I have an aspx page with this in code behind:

 [WebMethod]
    public static string SendContactInformation(string fullname, string phonenumber, string emailaddress, string reason)//string code,  string email, string mess
    {
         try {

         return 1;
          }

          catch (Exception ex)
        {
            //HttpContext.Current.Response.Write(ex.Message);
            return "3";
        }
        
      }

Select all Open in new window

I first tried it with one parameter and it worked. Then I added the 3 more parameters. I get an error. I've attached the screenshot.

This I what I have:

  $.validator.setDefaults({
	submitHandler: function() {
	    alert("test");
	    
                      $.ajax({
                        type: "POST",
                        url: "ContactUsOld.aspx/SendContactInformation",
                        data: {
                                  fullname: JSON.stringify($('#fullname').val()),
                                  phonenumber: JSON.stringify($('#phonenumber').val()),
                                  emailaddress: JSON.stringify($('#emailaddress').val()),
                                  reason: JSON.stringify($('#reason').val())
                              },
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (msg) {
                            
                            if (msg.d == 1) {
                                $("#msg").text("Thank you for contacting DoctorAccessNow");
                            }

                            if (msg.d == 2) {
                                $("#msg").text("Invalid Verification code");
                            }

                            if (msg.d == 3) {
                                alert(msg.d);
                                $("#msg").text("Your contact was not sent. Please call us at 222555");
                            }
                        },
                        error: function (xhr, ajaxOptions, thrownError) {
                            alert(thrownError);
                            alert(xhr.status);
                            alert(xhr.responseText);

                            $("#msg").text("Your contact was not sent. Please call us at 222555");

                        }
                    }); }
});

Select all Open in new window

I tried this as well:

data: JSON.stringify({ fullname: $('#fullname').val(), phonenumber: $('#phonenumber'), emailaddress: $('#emailaddress'), reason: $('#reason') }),

Select all Open in new window

this is my form

<form action="/" method="post" runat="server" id="frmContact" role="form">
				
				<div class="row">			
					<div class="col-sm-9">
						
						<div class="row">
						    <div class="form-group col-sm-4">
								<label for="fullname">Name (Required)</label>
								<input id="fullname" name="fullname" type="text" class="form-control">
							</div>
							
							<div class="form-group col-sm-4">
								<label for="phonenumber">Phone Number</label>
								<input id="phonenumber" name="phonenumber" type="text" class="form-control">
							</div>
							<div class="form-group col-sm-4">
								<label for="emailaddress">Email address (Required)</label>
								<input id="emailaddress" name="emailaddress" type="email" class="form-control">
							</div>
                            
                             <div class="form-group col-sm-4"> 
                            <label for="reason">Comments/Questions (Required)</label>
							<textarea class="form-control" name="reason" id="reason" cols="10" rows="5"></textarea>
                            </div>
                          
						</div><!-- /.row -->
					</div><!-- /.col-sm-9 -->
                  
				</div><!-- /.row -->
                <br/>
				<input type="submit" id="btnSubmit" class="btn btn-default" value="Submit" />
                <p id="msg" style="color: red"></p>
			</form>

Select all Open in new window