html form loop with type

Hi,

If you're trying to send the form contents through your AJAX request, you can just use the serialize() method on the form:

function SubmitAPI(apiurl, stagecompleted, successmsg, emailsubject, email, emaildestination) {  
    $.ajax({
        url: apiurl,
        type: 'post',
        dataType: 'json',

Select allOpen in new window

Thanks but how to capture all of the data on the back using controller c#

Hi,

Nothing changes from the server end of things. You do the same as you did previously. This was a question on how to add all your form fields to the AJAX request and I've shown you how to do that.

I did try and it does not work

Please show me how to do it on code behind controller. Thanks

Hi,

I'm a little confused. In your original question, you just asked how to send the form data via AJAX, and you said that what you had currently worked, so I'm assuming you already have the code-behind set up and working. The code I've shown has nothing to do with the backend - it just sends the data to your server in the same way as you previoulsy did.

If you have a question about handling the request in your C# code-behind, then you'll need to open a new question as this one was about HTML and jQuery.

You can post up your controller code if you want me to have a look at it

Thank you. I appreciate your helps

  [HttpPost]
        [ValidateInput(false)]
        public JsonResult ReceiveJson(string message, string email, string emailsubject, string emaildestination)
        {
            #region str object
            string stageCompletedLabel = System.Configuration.ConfigurationManager.AppSettings["StageCompletedLabel"];
            string emailReceiver = emaildestination;
            Domain.Contact c = new Domain.Contact();
            string guidKey = Guid.NewGuid().ToString();
            string fromEmail = email;
            var responseStr = JsonConvert.DeserializeObject<Dictionary<string, string>>(message);
            string dataList = "";
            string breakInHtml = "<br>";
            foreach (var kv in responseStr)
            {
                #region get data                 
                dataList = dataList + (kv.Key.Replace("_", " ") + ": " + kv.Value + breakInHtml);
                #endregion
            }
            #region email
            DomainHelper.SMTP.SendEmailWithOutAttachment(emailsubject, dataList, fromEmail, emailReceiver);
            #endregion

            #endregion
            c.stage = stageCompletedLabel;
            return Json(c, JsonRequestBehavior.AllowGet);
        }

Select allOpen in new window

Ahh right.

Your code-behind is expecting JSON, so we'll need to edit the AJAX call a little. My code didn't convert the data to JSON. In my code, just convert the data:

data: {
    message: JSON.stringify( $('#formId').serialize() ),
    email,
    emailsubject,
    emaildestination
},

Select allOpen in new window

If that doesn't work, just debug your code behind and see what's being received in the message variable

How?

Or you can show me by some codes sample in the controller