位置: 编程技术 - 正文
一、一些概念
①传统Ajax:交互的数据格式——自定义字符串或XML描述;
跨域——通过服务器端代理解决。
②如今最优方案:使用JSON格式来传输数据,使用JSONP来跨域。
③JSON:一种数据交换格式。基于纯文本、被原生JS支持。
格式:两种数据类型描述符:大括号{ }、方括号[ ]。分隔符逗号、映射符冒号、定义符双引好。
④JSONP:一种跨域数据交互协议,非官方。
1、Web页面调用js文件,可跨域。扩展:但凡有src属性的标签都具有跨域能力。
2、跨域服务器 动态生成数据 并存入js文件(通常json后缀),供客户端 调用。
3、为了便于客户端使用数据,形成一个非正式传输协议,称为JSONP。该协议重点是允许用户传递一个callback参数给服务器,然后服务器返回数据时 将此callback参数作为函数名包裹住JSON数据,使得客户端可以随意定制自己的函数来自动处理返回数据。
二、JSONP实现
实例1——客户端单方面接收:
①客户端——在客户端设置创建一个函数对象,名称可为callFunc,用于接收服务器的js数据和对其进行处理。 js数据中的核心是:调用callFunc函数的同时附带着参数,此参数即data对象的值。②服务器端——直接调用客户端js中的函数,并传入数据。实例2——客户端向服务器传送 指定函数名,服务器端接收该函数名 并调用对应函数 将数据以参数形式传入。总结:实现的代码并不复杂,但在实现Ajax跨域、frameset/iframe跨域等却是效率颇高的。
推荐整理分享使用JavaScript 实现各种跨域的方法(javascript运用),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:怎么用javascript,js怎么使用,javascript用法,javascript运用,js如何使用,javascript运用,javascript用法,javascript用法,内容如对您有帮助,希望把文章链接给更多的朋友!
深入document.write()与HTML4.的非成对标签的详解 (一)HTML4.中的非成对标签:注释标签:!--注释内容--严格来讲不算HTML标签的:!DOCTYPE文档声明标签设置页面元信息的:meta标签设置网页所有链接的
JavaScript 对任意元素,自定义右键菜单的实现方法 一、一些概念:1、鼠标事件有一个botton属性:返回一个整数,用于表示点击的是哪个鼠标按键。BUG:在IE和标准DOM的鼠标事件中,唯一一个button属性值
Javascript 垃圾收集机制介绍理解 经常使用Javascript的人会琢磨其垃圾收集机制,Javascript并不像C,C++那样需要开发者手动去清除垃圾,在编写Javascript程序是,开发者无需关心内存使用问
标签: javascript运用
本文链接地址:https://www.jiuchutong.com/biancheng/377610.html 转载请保留说明!友情链接: 武汉网站建设