js跨域访问示例(客户端/服务端)

复制代码 代码如下:
<div id="oid"></div>
<script type="text/javascript">
//获取货号
$.ajax({

url: "http://192.168.1.191/H.ashx",
type: "GET",
dataType: 'jsonp',
//jsonp的值自定义,如果使用jsoncallback,那么服务器端,要返回一个jsoncallback的值对应的对象.
jsonp: 'jsoncallback',
//要传递的参数,没有传参时，也一定要写上
data: null,
timeout: 5000,
//返回Json类型
contentType: "application/json;utf-8",
//服务器段返回的对象包含name,openid.
success: function (result) {

document.getElementById('oid').innerText=result.name+"："+result.openid;
},
error: function (jqXHR, textStatus, errorThrown) {
alert(textStatus);
}
});

</script>

服务端 H.ashx
复制代码 代码如下:
<%@ WebHandler Language="C#" Class="H" %>

using System;
using System.Web;

public class H : IHttpHandler {

public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";

string result = context.Request.QueryString["jsoncallback"] + "({\"name\":\"测试编号为\",\"openid\":\"123456789\"})";

context.Response.Clear();
context.Response.Write(result);
context.Response.End();

}

public bool IsReusable {
get {
return false;
}
}

}

您可能感兴趣的文章:

• js同源策略详解
• JS实现的ajax和同源策略(实例讲解)
• Javascript 跨域访问解决方案
• js iframe跨域访问(同主域/非同主域)分别深入介绍
• jquery下利用jsonp跨域访问实现方法
• AJAX javascript的跨域访问执行
• js实现跨域访问的三种方法
• AJax与Jsonp跨域访问问题小结
• JSONP跨域GET请求解决Ajax跨域访问问题
• AngularJS实现的JSONP跨域访问数据传输功能详解
• JavaScript同源策略和跨域访问实例详解