前言：ajax和jsonp可以与后台通信，获取数据和信息，但是又不用刷新整个页面，实现页面的局部刷新。 一、ajax ?定义：一种发送http请求与后台进行异步通讯的技术。 ?原理：实例化xmlhttp对象，使用此对象与后台通信。 ajax的同源策略： ?ajax请求的页面或资源只能是同一个域下面的资源，不能是其他域的资源，这是在设计ajax时基于安全考虑。 -------------------------------------------------------------------------------- aj...
为什么会有跨域问题？ - 因为有同源策略 同源策略是浏览器的一种安全策略，所谓同源指的是 请求URL地址中的 协议, 域名 和 端口 都相同，只要其中之一不相同就是跨域 同源策略主要为了保证浏览器的安全性 在同源策略下，浏览器 不允许 Ajax跨域获取服务器数据 http://www.example.com/detail.html跨域请求：http://api.example.com/detail.html 域名不同http://www.example.com:8080/detail.html 端口不同http://api.example.com:8...
1. JSONP定义JSONP是英文JSON with Padding的缩写，是一个非官方的协议。它允许在服务器端生成script tags返回至客户端，通过javascript callback的形式来实现站点访问。 JSONP是一种script tag的注入，将server返回的response添加到页面实现特定功能。 2.JSONP由来 要解释JSONP的来由，先要说一下浏览器的“同源策略(SOP:Same Origin Policy)”。 简而言之，就是浏览器限制脚本程序只能和同协议、同域名、同端口的脚本进行交互，这...
Asynchronous JavaScript and XML (Ajax) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应用程序。 不过，由于受到浏览器的限制，该方法不允许跨域通信。如果...
一、介绍 最近跨域问题比较多，而且自己刚好也看到这一块，就总结了一下，关于JSONP的东西百度的话东西确实很多，很多人都是复制别人的，如此下去，其实找的资料就那么几份，关键是我还看不懂，可能是能力问题吧，自己经过很多尝试，所以总结了一下，终究还是弄懂了皮毛。注意一点是，这里是用Jsonp解决ajax的跨域问题，具体的实现其实不是ajax。1、同源策略 浏览器有一个很重要的概念——同源策略(Same-Origin Policy)。所谓同源是...
前几天，工作上有一新需求，需要前端web页面异步调用后台的Webservice方法返回信息。实现方法有多种，本例采用jQuery+Ajax，完成后，在本地调试了一切ok，但是部署到服务器上以后就出现问题了，后台服务调用没有响应，怎么回事？代码没怎么改动，唯一修改的地方就是jQuery的ajax方法中的url地址。难道是这里的问题，经过检查和调试，发现原来是同源策略在作怪，我们知道，JavaScript或jQuery是在Web前端开发中经常使用的动态脚本技...
jsonp的调用，今天碰到了，正好整理了一下。<!DOCTYPE html> <html> <head><script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){$("#b01").click(function(){$.ajax({//danielinbiti.txt文件内容：getAInfo(["<input type=text value=1222/>"])url: http://192.168.12.21:8080/systemr/danielinbiti.txt,dataType: jsonp,//跨域设置jsonpproce...
域： 域是WIN2K网络系统的安全性边界。我们知道一个计算机网最基本的单元就是“域”，这一点不是WIN2K所独有的，但活动目录可以贯穿一个或多个域。在独立的计算机上，域即指计算机本身，一个域可以分布在多个物理位置上，同时一个物理位置又可以划分不同网段为不同的域，每个域都有自己的安全策略以及它与其他域的信任关系。当多个域通过信任关系连接起来之后，活动目录可以被多个信任域域共享。 由于在工作中需要使用AJAX请求其他...
有关json与jsonp的区别（json才是目的，jsonp只是手段）介绍如下所示： 一言以蔽之，json返回的是一串数据；而jsonp返回的是脚本代码（包含一个函数调用）；JSON其实就是JavaScript中的一个对象，跟var obj={}在质上完全一样，只是在量上可以无限扩展。简单地讲，json其实就是JavaScript中的对象(Object)和数组(Array，其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层，以此模拟出许多复杂的数据结构。json易于人阅读和编写...
什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 具体策略限制情况可看下表： URL说明允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不同文件夹允许http://www.a.com:8000/a.jshttp://www.a.com/b...
####JavaScript的AJaxAJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML） 设计AJax使用的一种重要技术是XMLHttpRequest对象。创建XMLHttpRequest对象的方式： xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); // IE浏览器支持的创建方式 xmlhttp = new XMLHTTPRequest(); // FireFox,Opera等浏览器支持的创建方式 XMLHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及...
Asynchronous JavaScript and XML (Ajax ) 是驱动新一代 Web 站点（流行术语为 Web 2.0 站点）的关键技术。Ajax 允许在不干扰 Web 应用程序的显示和行为的情况下在后台进行数据检索。使用 XMLHttpRequest 函数获取数据，它是一种 API，允许客户端 JavaScript 通过 HTTP 连接到远程服务器。Ajax 也是许多 mashup 的驱动力，它可将来自多个地方的内容集成为单一 Web 应用程序。不过，由于受到浏览器的限制，该方法不允许跨域通信。如...
JSON和JSONPJSONP和JSON好像啊，他们之间有什么联系吗？JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。对于JSON大家应该是很了解了吧，不是很清楚的朋友可以去json.org上了解下，简单易懂。JSONP是JSON with Padding的略称。它是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。JSONP就像是JSON+Padding一样(Paddin...
使用ajax进行 JSONP跨域请求，因为被请求的对方的回调函数名称是无法修改。而这边页面中会出现多个不同JSONP请求，但他们的回调函数名称都是同一个，_Callback。想到设置AJAX 的JSONP参数。但是发现根本不起作用。最后偶然发现 jsonpcallback是区分大小写的。必须是 jsonpCallback 而不是jsonpcallback 代码如下:$.ajax({ url: http://www.zbphp.com/j.php?act=json&tm=, dataType: JSONP, jsonpCallback: _GroupMember_Callback,...
滚动下拉到页面底部加载数据是很多瀑布流网站的做法，那来看看配合jsonp是如何实现的吧，小菜总结记录之用，高手勿喷。当然本例子采用的是jquery库，后期会做成原生js。 本例的数据调用的是锋利的jquery一书提供的一段json。 首先要先判断页面怎么样才是滚动到底部，也就是scrollTop+window的height是否大于document的height，jquery如下代码: $(window).scrollTop()+$(window).height()>=$(document).height()； 再给window绑定sc...