jsonpメソッドを使ってドメインを越えてデータを取得するAjaxの詳しい解説(コード付き)
Apr 04, 2018 pm 02:37 PM
ajax
javascript
jsonp
今回は、Ajax が jsonp を使用してドメイン間でデータを取得する方法について詳しく説明します (コード付き)。Ajax が jsonp を使用してドメイン間でデータを取得する場合の 注意事項 について、実際のケースを見てみましょう。
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',//跨域设置jsonp processData: false, jsonpCallback:'getAInfo',//与文件中的getAInfo对应 type: 'get', success: function(data) { $("#myp").html(data); }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert('error'); alert(XMLHttpRequest.status); alert(XMLHttpRequest.readyState); alert(textStatus); } }); }); $("#b02").click(function(){// 需要在后台根据request获取callback,然后才callback(需要返回的json内容)的方式返回,getJSON是ajax的简化,只支持json格式 $.getJSON("http://192.168.12.21:8080/systemr/b.do?jsoncallback=?",function(result){ $("#myp").html(result); }); }); }); </script> </head> <body> <p id="myp"><h2>通过 AJAX 改变文本</h2></p> <button id="b01" type="button">改变内容01</button> <button id="b02" type="button">改变内容02getJSON</button> </body> </html>
ログイン後にコピー
Ajax+セッションが失敗した直後にログインページにリダイレクトする
Ajax操作のグローバル監視、ユーザーセッションの失敗に対処する方法
以上がjsonpメソッドを使ってドメインを越えてデータを取得するAjaxの詳しい解説(コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

人気の記事
レポ:チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか(黄色のクリスタル)
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか?
3週間前
By DDD
ハローキティアイランドアドベンチャー:巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌

ホットな記事タグ

メモ帳++7.3.1
使いやすく無料のコードエディター

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

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック
Gmailメールのログイン入り口はどこですか?
7297
9


Java チュートリアル
1622
14


CakePHP チュートリアル
1342
46


Laravel チュートリアル
1259
25


PHP チュートリアル
1206
29



jQuery AJAX リクエストで発生した 403 エラーを解決する方法

Ajaxを使用してPHPメソッドから変数を取得するにはどうすればよいですか?

jQuery AJAX エラー 403 の問題を解決するにはどうすればよいですか?

PHP と Ajax: 動的に読み込まれるコンテンツを作成するためのソリューション

Ajax フレームワークを理解する: 5 つの一般的なフレームワークを探索する
