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

128 阅读 0 评论 85 点赞

我是靠谱客的博主勤恳导师，最近开发中收集的这篇文章主要介绍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; 
} 
} 

} 