検索
ホームページウェブフロントエンドjsチュートリアルjquery_jquery配下でjsonpクロスドメインアクセスを利用する実装方法

コードをコピーします コードは次のとおりです:

$.ajax({
async:false,
url: '', // クロスドメイン URL
type: 'GET',
dataType: 'jsonp',
jsonp: 'jsoncallback', // デフォルトのコールバック
data: mydata, // Request data
timeout: 5000,
beforeSend: function(){ //jsonp メソッドがトリガーされないのは、dataType が jsonp として指定されている場合、ajax イベントではなくなることが考えられます。
},
success: function (json) { //クライアント側の jquery によって事前定義されたコールバック関数は、クロスドメイン サーバーで json データを正常に取得した後、動的に実行されます
if(json.actionErrors.length!= 0){
alert(json.actionErrors);
}

},
complete: function(XMLHttpRequest, textStatus){

},
error: function(xhr){
//Jsonp モードこのメソッドはトリガーされません
//リクエスト エラー処理
alert("リクエスト エラー (相関ネットワークのステータスを確認してください) .)");
}
});



コードをコピー コードは次のとおりです。

$.getJSON(url "?callback=?",
function(json){

});
このメソッドは、実際には上記の $.ajax({..}) の高レベル ラッパーの例です。

サーバー側でコールバック パラメーター (例: jsonp*****) を取得して、jQuery 側で後続のコールバックを取得します
そして、次のようなものを返します: "jsonp**** *(" 返される json 配列 ")";
jquery はコールバック メソッドを通じてこれを動的にロードし、呼び出します: jsonp*****(json array);
これにより、クロスドメインの目的が達成されます。

JSONP は一種のスクリプト インジェクション (スクリプト インジェクション) 動作であるため、一定のセキュリティ リスクもあります。

注: jquey はクロスドメイン投稿をサポートしていません。
参考:
http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
如何使用Nginx Proxy Manager实现跨域访问的授权管理如何使用Nginx Proxy Manager实现跨域访问的授权管理Sep 27, 2023 pm 04:43 PM

如何使用NginxProxyManager实现跨域访问的授权管理NginxProxyManager是一个强大的代理服务器,可以实现反向代理、负载均衡、SSL/TLS终端代理等功能。在实际应用中,我们经常会遇到前端跨域访问的问题,为了保护后端资源,我们需要进行授权管理。本文将介绍如何使用NginxProxyManager实现跨域访问的授权管理,并提

Vue中如何利用JSONP实现跨域请求Vue中如何利用JSONP实现跨域请求Oct 15, 2023 pm 03:52 PM

Vue中如何利用JSONP实现跨域请求简介由于同源策略的限制,前端在进行跨域请求时会受到一定的阻碍。JSONP(JSONwithPadding)是一种跨域请求的方法,它利用<script>标签的特性,通过动态创建<script>标签来实现跨域请求,并将响应数据作为回调函数的参数传递回来。本文将详细介绍在Vue中如何利用JSONP实

PHP通信:如何实现跨域数据传输?PHP通信:如何实现跨域数据传输?Aug 20, 2023 am 11:17 AM

PHP通信:如何实现跨域数据传输?引言:在网页开发中,常常需要实现不同域名之间的数据传输,这就需要跨域通信。本文将介绍使用PHP语言实现跨域数据传输的方法,并附上代码示例。一、什么是跨域通信?跨域通信指的是在网页开发中,不同域名间进行数据传输的过程。通常情况下,由于同源策略的限制,浏览器会阻止页面向不同域的服务器发送请求或接收响应。因此,为了在不同域之间实现

如何解决Java中的跨域访问问题如何解决Java中的跨域访问问题Oct 11, 2023 am 08:01 AM

如何解决Java中的跨域访问问题在使用Java开发Web应用程序时,我们经常会遇到跨域访问问题。跨域访问是指客户端请求的资源来自于不同的域,例如从www.domain1.com的网页请求资源domain2.com的资源。由于同源策略的限制,这种跨域请求是不被允许的。本文将介绍几种解决Java中跨域访问问题的方法,并提供具体的代码示例。方法一:使用Filter

Vue项目中如何利用JSONP进行跨域请求Vue项目中如何利用JSONP进行跨域请求Oct 15, 2023 am 10:07 AM

Vue项目中如何利用JSONP进行跨域请求引言:在Vue项目中,有时候会遇到需要从不同域名下获取数据的情况,例如通过调用第三方API获取数据,一般情况下,由于浏览器的同源策略,直接跨域请求是被禁止的。但是在某些情况下,我们可以利用JSONP技术来实现跨域请求。本文将介绍如何在Vue项目中使用JSONP进行跨域请求,并给出具体的代码示例。一、JSONP工作原理

Nginx搭建服务器的跨域访问配置和CORS协议支持指南Nginx搭建服务器的跨域访问配置和CORS协议支持指南Aug 04, 2023 pm 10:57 PM

Nginx搭建服务器的跨域访问配置和CORS协议支持指南引言:在当前的Web应用开发中,跨域请求已经成为一种常见的需求。为了保证安全性,浏览器默认会限制通过AJAX请求进行的跨域操作。CORS(跨域资源共享)协议为开发者提供了一种可靠的解决方案,可以实现跨域访问的可控授权。Nginx是一个高性能的Web服务器和反向代理服务器,本文将介绍如何使用Nginx来搭

PHP中API如何处理JSONP和跨站点请求PHP中API如何处理JSONP和跨站点请求Jun 17, 2023 am 10:37 AM

随着越来越多的网络应用程序开始支持跨站点请求和JSONP技术,PHP中的API设计者们必须考虑如何处理这些请求。在本文中,我们将探讨如何在PHP中处理JSONP和跨站点请求。首先,我们来看一下JSONP。JSONP(JSONwithPadding)是一种允许在客户端和服务器之间跨域请求数据的技术。它是通过使用JavaScript代码动态创建一个<

jsonp怎么解决跨域问题jsonp怎么解决跨域问题Nov 29, 2023 am 10:18 AM

JSONP是一种通过动态创建<script>标签来实现跨域请求的技术。其步骤如下:1、在客户端页面中创建一个回调函数,该函数用于处理从服务器返回的数据;2、动态创建一个<script>标签,设置其src属性为目标服务器的URL,并在URL中传递一个参数,该参数是回调函数的名称;3、服务器接收到请求后,在返回的数据中将数据包装在回调函数中,并返回给客户端等等。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。