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


Posted in Javascript onMay 19, 2014
<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; 
} 
} 
}
Javascript 相关文章推荐
javascript学习随笔(使用window和frame)的技巧
Mar 08 Javascript
javascript之锁定表格栏位
Jun 29 Javascript
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
jquery $.getJSON()跨域请求
Dec 21 Javascript
javascript 得到文件后缀名的思路及实现
May 09 Javascript
JS日期和时间选择控件升级版(自写)
Aug 02 Javascript
JS组件Bootstrap Table使用方法详解
Feb 02 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
Seajs源码详解分析
Apr 02 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
vue setInterval 定时器失效的解决方式
Jul 30 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
jquery 表格排序、实时搜索表格内容(附图)
May 19 #Javascript
jQuery函数的第二个参数获取指定上下文中的DOM元素
May 19 #Javascript
jQuery filter函数使用方法
May 19 #Javascript
用js模拟struts2的多action调用示例
May 19 #Javascript
从零学JS之你需要了解的几本书
May 19 #Javascript
JavaScript在IE和FF下的兼容性问题
May 19 #Javascript
从零学JSON之JSON数据结构
May 19 #Javascript
You might like
smarty中改进truncate使其支持中文的方法
2016/05/30 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
JQuery从头学起第二讲
2010/07/04 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
HTTP 304错误的详细讲解
2013/11/13 Javascript
js调试系列 源码定位与调试[基础篇]
2014/06/18 Javascript
JQuery中DOM加载与事件执行实例分析
2015/06/13 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
JavaScript SHA1加密算法实现详细代码
2016/10/06 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
详解JS中的快速排序与冒泡
2017/01/10 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
简单的JS控制button颜色随点击更改的实现方法
2017/04/17 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
JavaScript实现微信号随机切换代码
2018/03/09 Javascript
详解mpvue scroll-view自动回弹bug解决方案
2018/10/01 Javascript
jQuery实现购物车的总价计算和总价传值功能
2018/11/28 jQuery
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
利用aardio给python编写图形界面
2017/08/21 Python
对sklearn的使用之数据集的拆分与训练详解(python3.6)
2018/12/14 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
OpenCV HSV颜色识别及HSV基本颜色分量范围
2019/03/22 Python
TensorFlow实现简单的CNN的方法
2019/07/18 Python
对Django url的几种使用方式详解
2019/08/06 Python
python 实现字符串下标的输出功能
2020/02/13 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
2014年党务公开实施方案
2014/02/27 职场文书
行政部工作岗位职责范本
2014/03/05 职场文书
2014年两会学习心得体会
2014/03/10 职场文书
关爱女孩行动实施方案
2014/03/13 职场文书
优秀语文教师事迹
2014/05/18 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS