<sub id="s17i1"><b id="s17i1"></b></sub>

  1. <dl id="s17i1"><font id="s17i1"><nobr id="s17i1"></nobr></font></dl>

  2. <output id="s17i1"></output>

    1. <output id="s17i1"></output>
      <li id="s17i1"></li>
    2. 什么是jsonp

      什么是jsonp,jsonp是什么,jsonp如何使用

      首先先知道

      1. jsonp的核心原理就是目標頁面回調本地頁面的方法,并帶入參數
      2. 我們常用的動態頁面有jsp,php,aspx

      為什么需要JSONP?

      由于瀏覽器安全限制,數據是不可以直接跨域(包括不同的根域名、二級域名、或不同的端口)請求的,除非目標域名授權你可以訪問。比如設置crossdomain.xml 或在http頭部里授權

      但是crossdomain.xml會允許設置的網站訪問所有的數據,而頭部設置又非常麻煩。

      所以可以在你授權的數據返回里設置jsonp來讓該接口允許所有的調用者獲取數據。

      JSONP的原理

      jsonp是使用方法回調的原理.

      在網頁里,你如果引入其他網頁的js,那這個頁面的js是可以調用你網頁的代碼的

      直接請求js 和 請求的動態頁面(jsp,php,aspx)里輸出的javascript代碼 效果一樣

      function showjson(json){
      	alert(json.url);
      }
      
      如果引用的js或動態頁面里有 showjson({"url":"http://www.nxtru.icu"});這行代碼的話,那就會彈出 http://www.nxtru.icu

      jsonp的第一種方式,將目標作為js形式加載過來,盡管其實對方是一個php

      下面我們在這個頁面里來請求http://www.ibilibili.com/static/js/forbejson/userinfo.php頁面的數據,這個php頁面數據會有回調函數showjson,來調用我們這個bejson頁面里的 showjson方法 并將一個json傳入
      < ?php 
      	//這里是php頁面里,回調showjson方法,這里的方法必須和上面定義的本地頁面中的回調方法一致
      	echo 'showjson({"url":"http://www.nxtru.icu"})';
      ?>
      	
      $("#getuserp").click(function(){
      	$.getScript("http://www.nxtru.icu/test/userinfop.php");
      });
      	

      那如果我們抓包后就會看到(如上圖),點擊按鈕后發起了一個http請求,

      請求了//www.nxtru.icu/test/userinfop.php頁面,

      頁面里輸出了 showjson({"url":"http://www.nxtru.icu"}) ,

      因為是以javascript文件形式加載過來 ,所以他會對本地頁面showjson發起回調(看綠色箭頭),并傳入json參數(看紅色箭頭),所以就會彈出了json中的url

      直接用jquery的ajax來請求jsonp

      感謝葫蘆指出代碼錯誤,并提供正確代碼

       $.ajax({
           url:'//www.nxtru.icu/test/userinfop.php',
           type:"GET",
                  dataType:"jsonp",
                  jsonp: false, 
                  jsonpCallback: "showjson", //這里的值需要和回調函數名一樣
                  success:function(data){
                      console.log("Script loaded and executed.");
                  },
                  error:function (textStatus) { //請求失敗后調用的函數
                      console.log(JSON.stringify(textStatus));
                  }
      });			
      		

      重庆时时开奖结果记录

      <sub id="s17i1"><b id="s17i1"></b></sub>

      1. <dl id="s17i1"><font id="s17i1"><nobr id="s17i1"></nobr></font></dl>

      2. <output id="s17i1"></output>

        1. <output id="s17i1"></output>
          <li id="s17i1"></li>
        2. <sub id="s17i1"><b id="s17i1"></b></sub>

          1. <dl id="s17i1"><font id="s17i1"><nobr id="s17i1"></nobr></font></dl>

          2. <output id="s17i1"></output>

            1. <output id="s17i1"></output>
              <li id="s17i1"></li>