jsonp で単純なレコードを使用する (1)-PHPチュートリアル-php.cn

ホームページ

バックエンド開発

PHPチュートリアル

jsonp で単純なレコードを使用する (1)

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jul 29, 2016 am 09:06 AM

gt jsonp lt quot script

jsonp の使用環境は、ログイン時や異なるドメインでデータを交換する際のフロントエンドとバックエンドの交換に一般的に利用可能です
原則:
導入された js は異なるドメインからのものであり、js ファイルはバックグラウンドで生成できます
(ここで述べていることは少し簡単です。詳細を参照してください。情報を検索してください)

デモを使用する:

html：
//原生js
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
    // 得到航班信息查询结果后的回调函数
    var returnjs = function(data){
        alert(data.code);
    };
    // 提供jsonp服务的url地址（不管是什么类型的地址，最终生成的返回值都是一段javascript代码）
    var url = "http://www.return.com/jsonp/get?code=1&callback=returnjs";//数据接收后台
    // 创建script标签，设置其属性
    var script = document.createElement('script');
    script.setAttribute('src', url);
    // 把script标签加入head，此时调用开始
    document.getElementsByTagName('head')[0].appendChild(script);
    </script>
</head>
<body>
</body>
</html>

ログイン後にコピー

//jQ版
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here1</title>
<script type="text/javascript" src="jq.js"></script><!-- 记得引入jq -->
</head>
<body>
<script type="text/javascript">
	jQuery(document).ready(function(){
	   $.ajax({
	        type: "get",
	        async: false,
	        url: "http://www.return.com/jsonp/get?code=1",//数据接收后台
	        dataType: "jsonp",
	        jsonp: "callback",//传递给请求处理程序或页面的，用以获得jsonp回调函数名的参数名(一般默认为:callback)
	        jsonpCallback:"returnjs",//自定义的jsonp回调函数名称，默认为jQuery自动生成的随机函数名，也可以写"?"，jQuery会自动为你处理数据
	        crossDomain:true,
	        success: function(json){
	            alert(json.code);
	        },
	        error: function(){
	            alert('fail');
	        }
	    });
	});
</script>
</body>
</html>

ログイン後にコピー

后台PHP：
<?php
class jsonp{
	public function get(){
		$code=$_GET['code'];
		if($code==1){
			$code=2;
		}
		echo 'returnjs({"code":"'.$code.'"})';
	}
}

ログイン後にコピー

以上、jsonpの簡単な使い方の記録(1)を内容も含めて紹介しましたので、PHPチュートリアルに興味のある方の参考になれば幸いです。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

ホットツール

ホットトピック

Gmailメールのログイン入り口はどこですか？

7456

CakePHP チュートリアル

1376

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

Huawei GT3 ProとGT4の違いは何ですか? Dec 29, 2023 pm 02:27 PM

多くのユーザーはスマートウォッチを選ぶときにファーウェイブランドを選択しますが、その中でもファーウェイ GT3pro と GT4 は非常に人気のある選択肢であり、多くのユーザーはファーウェイ GT3pro と GT4 の違いに興味を持っています。 Huawei GT3pro と GT4 の違いは何ですか? 1. 外観 GT4: 46mm と 41mm、材質はガラスミラー + ステンレススチールボディ + 高解像度ファイバーバックシェルです。 GT3pro: 46.6mm および 42.9mm、材質はサファイアガラス + チタンボディ/セラミックボディ + セラミックバックシェルです。 2. 健全な GT4: 最新の Huawei Truseen5.5+ アルゴリズムを使用すると、結果はより正確になります。 GT3pro: ECG 心電図と血管と安全性を追加

修正: Windows 11 で Snipping ツールが機能しない Aug 24, 2023 am 09:48 AM

Windows 11 で Snipping Tool が機能しない理由問題の根本原因を理解すると、適切な解決策を見つけるのに役立ちます。 Snipping Tool が正しく動作しない主な理由は次のとおりです。フォーカスアシスタントがオンになっている: これにより、Snipping Tool が開かなくなります。破損したアプリケーション: 起動時にスニッピングツールがクラッシュする場合は、破損している可能性があります。古いグラフィックドライバー: 互換性のないドライバーは、スニッピングツールに干渉する可能性があります。他のアプリケーションからの干渉: 実行中の他のアプリケーションが Snipping Tool と競合する可能性があります。証明書の有効期限が切れています: アップグレードプロセス中のエラーにより、この問題が発生する可能性があります。これらの簡単な解決策は、ほとんどのユーザーに適しており、特別な技術知識は必要ありません。 1. Windows および Microsoft Store アプリを更新する

スクリプトってどういう意味ですか？ Aug 29, 2023 pm 02:00 PM

スクリプトとは台本、台本という意味です。映画、テレビ、ドラマ、その他の芸術形式では、脚本は登場人物の会話、行動、シーン、ストーリーの展開や構造を記述するために使用されます。脚本を書くには一定のスキルと経験が必要で、観客の注意を引き付け、物語の感情やテーマを伝えることができる、鮮やかで力強いものでなければなりません。脚本は映画やテレビ業界で特に重要であり、創作の基礎となり、映画のストーリー、キャラクター展開、会話の内容を決定します。脚本は、アーティストが自分自身を創作し、表現するための重要なツールです。

iPhoneでApp Storeに接続できないエラーを修正する方法 Jul 29, 2023 am 08:22 AM

パート 1: 最初のトラブルシューティング手順 Apple のシステムステータスを確認する: 複雑な解決策を掘り下げる前に、基本から始めましょう。問題はデバイスにあるのではなく、Apple のサーバーがダウンしている可能性があります。 Apple のシステムステータスページにアクセスして、AppStore が適切に動作しているかどうかを確認してください。問題があれば、Apple が修正してくれるのを待つしかありません。インターネット接続を確認します。「AppStore に接続できません」問題は接続不良が原因である場合があるため、安定したインターネット接続があることを確認してください。 Wi-Fi とモバイルデータを切り替えるか、ネットワーク設定をリセットしてみてください ([一般] > [リセット] > [ネットワーク設定のリセット] > [設定])。 iOS バージョンを更新します。

JSONP を使用して Vue でクロスドメインリクエストを実装する方法 Oct 15, 2023 pm 03:52 PM

JSONP を使用して Vue でクロスドメインリクエストを実装する方法の紹介同一オリジンポリシーの制限により、クロスドメインリクエストを行う際にフロントエンドがある程度妨げられます。 JSONP (JSONwithPadding) はクロスドメインリクエストメソッドです。<script> タグの特性を使用して、<script> タグを動的に作成することでクロスドメインリクエストを実装し、応答データをそのパラメータとして返します。コールバック関数。この記事ではVueでJSONPを使う方法を詳しく紹介します。

php提交表单通过后,弹出的对话框怎样在当前页弹出,该如何解决 Jun 13, 2016 am 10:23 AM

php提交表单通过后,弹出的对话框怎样在当前页弹出php提交表单通过后,弹出的对话框怎样在当前页弹出而不是在空白页弹出？想实现这样的效果：而不是空白页弹出:------解决方案--------------------如果你的验证用PHP在后端，那么就用Ajax；仅供参考：HTML code

スクリプトとは何ですか Oct 12, 2023 am 10:04 AM

コンピューターサイエンスの分野では、「スクリプト」は通常、スクリプト言語またはスクリプトファイルを指します。スクリプト言語は、自動化、バッチ処理、ラピッドプロトタイピングなどのタスクによく使用されるインタープリタ型プログラミング言語です。

スクリプトエラーの解決方法 Oct 18, 2023 am 09:44 AM

scripterror の解決策には、構文、ファイルパスの確認、ネットワーク接続の確認、ブラウザの互換性の確認、try-catch ステートメントの使用、デバッグ用の開発者ツールの使用、ブラウザと JavaScript ライブラリの更新、または専門家の助けを求めることが含まれます。詳細な紹介: 1. 構文エラーのチェック: スクリプトエラーは、JavaScript コードの構文エラーが原因である可能性があります。開発者ツールを使用してコードをチェックし、構文エラーを修正してください。コード内の括弧、引用符、セミコロンなどが正しいか確認してください。正しいです、など

See all articles

jsonp で単純なレコードを使用する (1)

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック