how to send data to server from client side

Question

Hi I am trying to send data to a server(different domain) from client(browser). i.e client server interaction using JAVASCRIPT. How do i do it?

Pradeep Shet · Answer

Hi There are various ways by which you can send data to server like 1)using traditional javascript - XMLHTTPRequest 2)using jquery $.ajax() $.post() 3)Using microsoft ajax PageMethods or UpdatePanel control Hope this answered your question. Hit like if it solves your problem

Sumit Jolly · Answer

# JSONP (JavaScript Object Notation with Padding) = JSON data padded with JavaScript function name so something like this is being returned by WebAPI callbackFunc({ firstName: sumit lastName: jolly }); # We need to set callback and data type attributes of Ajax request $(#getJsonp).click(function () { $.ajax({ type: 'GET' url: http://localhost:/GetUser callback: 'callbackFunc' contentType: application/json dataType: 'jsonp' }) }); function callbackFunc(resultData) { console.log(resultData); } # Install the JSONP MediaTypeFormatter use NuGet Install-Package WebApiContrib.Formatting.Jsonp # Add a FormatterConfig class in App_Start folder: public class FormatterConfig { public static void RegisterFormatters(MediaTypeFormatterCollection formatters) { var jsonFormatter = formatters.JsonFormatter; jsonFormatter.SerializerSettings = new JsonSerializerSettings { ContractResolver = new CamelCasePropertyNamesContractResolver() }; // Insert the JSONP formatter in front of the standard JSON formatter. var jsonpFormatter = new JsonpMediaTypeFormatter(formatters.JsonFormatter); formatters.Insert(0 jsonpFormatter); } } # Add the following line in the Application_Start method of Global.ascx.cs: FormatterConfig.RegisterFormatters(GlobalConfiguration.Configuration.Formatters); twitter @sumitjolly

Raghavendra Joshi · Answer

How do i do it in JSONP using javascript

Sumit Jolly · Answer

you can send using AJAX calls say $http.post(...) in AngularJS or $.post(...) in jQuery Server doesn't allow for cross domain requests this is security breach. To do this server should enable CORS (http://enable-cors.org/) OR use JSONP (http://en.wikipedia.org/wiki/JSONP) twitter @sumitjolly