jquery跨域请求数据

摘要:
Jquery跨域请求数据Jquery跨请求数据。事实上,这很容易。请遵循以下步骤:首先,编写js,通过get获取远程数据。请注意,回调参数应添加在链接之后,这意味着将回调函数地址传输到远程页面。',{params},函数cb{alert;alert;},'json');第二:编写处理程序。publicvoidProcessRequest{context.Response.ContentType=“text/json”;stringcallback=context.Respress.QueryString[“callback”];//获取回调函数地址stringwsonStr=“{'chartA':[{'name':'Xiaohuang','moods':90}]}”//返回的jsonstringtext=callback+“”//回调函数地址。添加括号()相当于返回cb并调用回调函数上下文。响应写入;}通过这两个步骤,jquery可以跨域请求数据。扩展:web服务的实现原理类似。

jquery跨域请求数据

jquery跨越请求数据。实际开发中经常会碰到两个网站数据交互问题,当向另一个站点请求数据该如何做?

实际上非常容易,请按照下面的步骤做:

第一:编写js,通过get获取远程数据。注意要在链接后面加上callback参数,该参数表示传递回调函数地址到远程页面。

复制代码
var params = 'pam1:1,...'
$.get('http://192.168.0.109/test.ashx?callback=?', {params}, function cb(data) { alert(data.chartA[0].name); alert(data.chartA[0].moods); }, 'json');
复制代码

第二:编写处理程序,

复制代码
public void ProcessRequest(HttpContext context)
{
   context.Response.ContentType = "text/json";
   string callback = context.Request.QueryString["callback"]; // 获取回调函数地址
   string jsonStr = "{'chartA':[{'name':'小黄', 'moods':90}]}"; // 返回的json
   string text = callback + "(" + jsonStr + ")";    // callback为回调函数地址,加上括号(),就相当于返回 cb(jsonStr),调用了请求也的回调函数
   context.Response.Write(text);
}
复制代码

通过这两步就可以实现jquery跨域请求数据了,扩充:webservice的实现原理也类似。欢迎拍砖补充。

 
 
分类: .Net

免责声明:文章转载自《jquery跨域请求数据》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇一起学习Avalonia(十二)linux下ifconfig, DNS以及route配置下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

TS学习笔记--其他(声明文件、内置对象)

声明文件 // 引入第三方的库jquery import jquery from 'jquery'; // 定义操作 /* 当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。 声明语句: 如果需要ts对新的语法进行检查, 需要要加载了对应的类型说明代码 declare var jQuery: (selector: s...

jsonp劫持

什么是 JSONP 劫持 JSONP就是为了跨域 获取资源 而产生的一种 非官方 的技术手段(官方的有 CORS 和 postMessage),它利用的是 script 标签的 src 属性不受同源策略影响的特性。 我们遇到过很多的劫持的攻击方法,比如:dns 劫持、点击劫持、cookie劫持等等,也正如劫持这个词的含义:“拦截挟持”,dns 劫持就是把...

jquery中点击切换的实现

项目中经常会遇到一种情况,就是点击切换,比如点击按钮,div样式为1,再点击一下按钮,div样式为2,再点击一下按钮,div样式为1。需要自定义jQuery方法toggle。 //toggle方法 $.fn.toggle = function( fn, fn2 ) { let args = argument...

jquery js 动态加载 js文件

jquery方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh...

jQuery同步Ajax带来的UI线程阻塞问题及解决办法

俗话说不作死就不会死,今天作死了一回,写了一个比较二逼的函数,遇到了同步Ajax引起的UI线程阻塞问题,在此记录一下。   事情起因是这样的,因为页面上有多个相似的异步请求动作,本着提高代码可重用性的原则,我封装了一个名为getData的函数,它接收不同参数,只负责获取数据,然后把数据return。基本的逻辑剥离出来是这样的: function get...

使用jquery刷新当前页面

如何使用jquery刷新当前页面 下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()刷新最顶端对象(用于...