通过ajax jsonp跨域传值

问题描述

通过ajax jsonp跨域传值

我想把这个
var itemData = new Object();
itemData = {"dollercost":dollerCost,"rmbcost":rmbCost,"contnum20GP":$("#contNum20GP").html(),"contnum40GP":$("#contNum40GP").html(),"contnum40HQ":$("#contNum40HQ").html(),
"QYPortEN":detailPrice.QYPortEN,"MDPortEN":detailPrice.MDPortEN,"line":detailPrice.line,"ShipEN":detailPrice.ShipEN,"Voyage":detailPrice.Voyage,"ShipDate":detailPrice.ShipDate,
"PortArea":detailPrice.PortArea,"MiddlePortEN":detailPrice.MiddlePortEN};
itemDatal里边的值通过ajax的json传到Test.html页面,求高手指教啊

解决方案

原生JAVASCRIPT 用Ajax 跨域传值

    var xhr = new XMLHttpRequest()
    function sear(){

        var cont = document.getElementsByTagName('input')[0].value;

        var url = 'http://ajax.googleapis.com/ajax/servi......<br/><strong>答案就在这里:</strong><a target='_blank' rel='nofollow' href='http://blog.csdn.net/a519640026/article/details/8822994'>Ajax 跨域传值之 jsonp</a><br/>

解决方案二:

你test.html静态页?这样你代码无法获取ajax传递的参数,即使是get传参。

如果是重写过的动态页需要将itemData转为json格式的字符串,然后用jsonp传过去(get)

 var itemData = new Object();
//...

itemData=encodeURIComponent(JSON.stringify(itemData));

var img=new Image();
img.src='http://xxxxx.xxxx/test.html?data='+itemData;///传参
时间: 2024-09-19 03:55:39

通过ajax jsonp跨域传值的相关文章

浅谈JQuery+ajax+jsonp 跨域访问_jquery

Jsonp(JSON with Padding)是资料格式 json 的一种"使用模式",可以让网页从别的网域获取资料. 一. 客户端 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=&q

Ajax jsonp跨域请求实现方法_AJAX相关

什么是跨域? 简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即"同源策略".而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果. 具体策略限制情况可看下表:   URL 说明 允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许

Ajax jsonp跨域请求实现方法

什么是跨域? 简单的来说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即"同源策略".而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果. 具体策略限制情况可看下表: URL 说明 允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 h

jquery ajax jsonp跨域调用实例代码

 今天研究了AJAX使用JSONP进行跨域调用的方法,发现使用GET方式和POST方式都可以进行跨域调用,这里简单分享下,方便需要的朋友 客户端代码     代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApp.WebForm1" %> <!DOCTYPE html

jquery ajax jsonp跨域调用实例代码_jquery

客户端代码 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApp.WebForm1" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:

ajax jsonp跨域的方法实例方法

CORS正好可以解决这个问题. CORS与JSONP相比,无疑更为先进.方便和可靠. 1. JSONP只能实现GET请求,而CORS支持所有类型的HTTP请求. 举个例子,假如需要从服务器(http://www.a.com/user?id=123)获取的数据如下: {"id": 123, "name" : 张三, "age": 17} 那么,使用JSONP方式请求(http://www.a.com/user?id=123?callback=foo

javascript ajax脚本跨域调用详解

今天终于有点时间研究了一下javsscript ajax 脚本跨域调用的问题,先在网上随便搜了一下找到一些解 决的办法,但是都比较复杂.由是转到jquery.chm用户手册当中找到一些代码片段关于ajax跨域调用的问题. 代码片段如下: crossDomain   mapV1.5 默认: 同域请求为false 跨域请求为true如果你想强制跨域请 求(如JSONP形式)同一域,设置crossDomain为true.这使得例如,服务器端重定向到另一个域. 这 里强调如是ajax的跨域调用,data

ajax实现JSONP跨域

AJAX的一大限制是不允许跨域请求. 不过通过使用JSONP来实现.JSONP是一种通过脚本标记注入的方式,它是可以引用跨域URL的js脚本,不过需要提供一个回调函数(必须在您自己的页面上),因此,你可以自己处理结果 什么是跨域 简单的说,出于安全方面的考虑,页面中的JavaScript无法访问其他服务器上的数据,即"同源策略".而跨域就是通过某些手段来绕过同源策略限制,实现不同服务器之间通信的效果 具体策略限制情况可看下表: URL 说明 允许通信 http://www.a.com/

AJAX实现跨域的三种方法(代理,JSONP,XHR2)_AJAX相关

域: 域是WIN2K网络系统的安全性边界.我们知道一个计算机网最基本的单元就是"域",这一点不是WIN2K所独有的,但活动目录可以贯穿一个或多个域.在独立的计算机上,域即指计算机本身,一个域可以分布在多个物理位置上,同时一个物理位置又可以划分不同网段为不同的域,每个域都有自己的安全策略以及它与其他域的信任关系.当多个域通过信任关系连接起来之后,活动目录可以被多个信任域域共享. 由于在工作中需要使用AJAX请求其他域名下的请求,但是会出现拒绝访问的情况,这是因为基于安全的考虑,AJAX只