完美解决ajax跨域请求的问题

在html页面的第一种写法

<script>
    $.ajax({
        type: 'post',
        url: 'http://www.whjtwaap.com/ashx/test.ashx',
        dataType: 'JSON',
        beforeSend: function () {
            $("#loadimg").show();
        },
        success: function (data) {
            var html = '<ul class="mui-table-view">';
            for (var i = 0; i < data.length; i++) {
                html += '<li class="mui-table-view-cell mui-media"><a href="javascript:;">';
                html += '<img class="mui-media-object mui-pull-right" src="images/yuantiao.jpg">';
                html += '<div class="mui-media-body">';
                html += 'test';
                html += '<p class="mui-ellipsis">' + data[i]["Title"] + '</p>';
                html += '</div>';
                html += '</a></li>';
            }
            html += '</ul>';
            $('#divCustomers').html(html);
        },
        complete: function () {
            $("#loadimg").hide();
        }
    })

在html页面的第二种写法

//$.getJSON("http://www.whjtwaap.com/ashx/test.ashx", function(data) {
// var html = '<ul class="mui-table-view">';
// $("#loadimg").show();
// for(var i = 0; i < data.length; i++) {
// html += '<li class="mui-table-view-cell mui-media"><a href="javascript:;">';
// html += '<img class="mui-media-object mui-pull-right" src="images/yuantiao.jpg">';
// html += '<div class="mui-media-body">';
// html += 'test';
// html += '<p class="mui-ellipsis">'+ data[i]["Title"]+ '</p>';
// html += '</div>';
// html += '</a></li>';
// }
// html += '</ul>';
// $('#divCustomers').html(html);
// $("#loadimg").hide();
//});
//function youAlert(data) {
// alert(data)
//}
</script>

ashx后台处理程序

 public void ProcessRequest(HttpContext context)

    {
        context.Response.Clear();
        context.Response.ContentType = "application/json";
        //这里完美解决ajax跨域请求的问题
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS,DELETE,PUT");
        HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Test"); 
        
        string callback = context.Request["callback"];


        string strWhere = "1=1";
        string Cid = context.Request.QueryString["Cid"];
        string page = context.Request.QueryString["page"];

        DataTable dt = projectBLL.GetList(strWhere).Tables[0];
        string jsonString = DataTableToJSON(Pages(page, Cid));
        context.Response.Write(callback + "" + jsonString + "");


    }