CODEWITHSUNDEEP
.netasp.netjavascriptjquerygoogle-maps
weilin8
weilin8

Reputation: 2975

In ASP.NET, how to process data on both client side (javascript) and server side with the one form submission?

I have a scenario where I am using Google Map JavaScript API to process the address after user submits the form. However, I want to post result, that Google API returns back, to server side for further processing within the same form submission. How can I achieve this? Thanks in advance for your advice.

Upvotes: 3

Views: 265

Answers (1)

John Sheehan
John Sheehan

Reputation: 78132

Using jQuery, you could handle it like this:

$(document).ready(function() {
    $("form").submit(function(e) {
        // blocks form from being submitted, which you'll handle later
        e.preventDefault();

        // call google apis 

        // build data to submit 
        var data = {
            formData: $("something").val();
            // could use formData: $(this).serialize(); instead, 
            // more server-side parsing required though

            // add additional data from the google service to data object
        };

        // submit the form with serialized data
        $.post("/serverurl", data);
    });
});

If you're using Webforms, set the serverurl to a .ashx handler, parse the submitted data (will be set to Request.Form[] values). If you're using MVC, change the server url to a controller action and parse accordingly.

Upvotes: 3

Related Questions