Jquery cross domain ajax request


Jquery cross domain ajax request can be made by setting crossDomain property to true. For cross domain request we need to set some configurations in both the application’s web.config file.

<script>
    $(document).ready(function () {
        $.ajax({
            type: 'GET',
            url: 'URL',
            crossDomain: true,
            data: {},
            dataType: 'json',
            success: function (responseData, textStatus, jqXHR) {
                if (responseData != null) {
                    $("#id").html(responseData);
                }
            },
            error: function (responseData, textStatus, errorThrown) {
                $("#id").html(errorThrown);
            }
        });
    });
</script>


For cross domain ajax request we need to set max Json Length in both the application’s web.config file. Put the below lines inside the Configuration section.

<system.web.extensions>
    <scripting>
      <webServices>
        <jsonSerialization maxJsonLength="900000"></jsonSerialization>
      </webServices>
    </scripting>
  </system.web.extensions>


For cross domain ajax request we need to add Custom Headers. Add these Custom Headers in both the application’s web.config file. Put the below lines inside System.WebServer section.

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*"/>
    <add name="Access-Control-Allow-Origin" value="Content-Type"/>
  </customHeaders>
</httpProtocol>