通過JSONP實現JQuery跨域

什麼是JSONP

JSONP即JSON with Padding。由於同源策略的限制，XmlHttpRequest只允許請求當前源（域名、協議、端口）的資源。如果要進行跨域請求，我們可以通過使用 html的script標記來進行跨域請求，並在響應中返回要執行的script代碼，其中可以直接使用JSON傳遞javascript 對象。這種跨域的通訊方式稱爲JSONP。

對於上面的解釋，我們可以簡單這樣理解：JSONP就是可以通過JavaScript 文件進行跨域通訊的方式。
注意：JSONP 服務器端代碼需要充分做好安全措施。

最簡單的JSONP

var JSONP = document.createElement("script") ; //FF:onload IE:onreadystatechange JSONP.onload = JSONP.onreadystatechange = function(){ //onreadystatechange，僅IE if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") { alert($("#demo").html()); JSONP.onload = JSONP.onreadystatechange = null//請內存，防止IE memory leaks } } JSONP.type = "text/javascript"; JSONP.src = "http://a.pojaaimg.cn/2010/js/jquery.js"; //在head之後添加js文件 document.getElementsByTagName("head")[0].appendChild(JSONP);

JSONP實例

我們可以首先定義一個函數來執行JSONP返回的數據，然後通過JSONP的src傳此函數給後臺，進行處理，返回可執行的函數。例如下面代碼：

function jsonpHandle(a){ alert(a); } var JSONP = document.createElement("script") ; JSONP.type = "text/javascript"; JSONP.src = "http://www.js8.in/jsonp.php?callback=jsonpHandle"; //在head之後添加js文件 document.getElementsByTagName("head")[0].appendChild(JSONP);

後臺jsonp.php的代碼：

echo $_GET["callback"]."('hello,world')";

JQuery與PHP整合實例

jQuery $.ajax()支持get方式的跨域,這其實是採用jsonp的方式來完成的.

1.client.html(客戶端文件)

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <mce:script language="javascript" src="jquery-1.4.js" mce_src="jquery-1.4.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="result" style="background:orange;border:1px solid red;width:300px;height:200px;"></div> <form id="formtest" action="" method="post"> <p><span>日誌數:</span><input type="text" name="limit" id="limit" size="15" ></p> <p><span>日誌分類:</span><input type="text" name="category" id="category" size="15" ></p> </form> </body> <button id="latest">最新日誌</button> </html>

2.server.php(用來處理客戶端發來的請求)

<?php //header('Content-Type: application/json; charset=utf-8'); require_once("../wp-config.php"); $limit=$_REQUEST['limit']; //接收客戶端發來的數據 $category=$_REQUEST['category']; $arr=Array(); function my_wp_get_archives($limit) { $show_post = "type=postbypost&echo=0&limit=".$limit; return wp_get_archives($show_post); //調用wordpress自身的函數 } $posts=split('<li>',my_wp_get_archives($limit)); for($start=1;$start<sizeof($posts);$start++) { $arr["title".$start]=strip_tags($posts[$start]); //對從wordpress取到的數據進行處理，提取出字符串，方便自己加工成Json數據 $arr["link".$start]=substr($posts[$start],strpos($posts[$start],'=/'')+2,strpos($posts[$start],'//'')-8); } // var_dump($arr); $json = json_encode($arr); //用Json_encode函數處理php的數組 echo $_GET['callback']."(".$json.")"; ?>

通過JSONP實現JQuery跨域

Drupal模塊後臺配置的分析

Tar壓縮文件

PHP編譯轉換工具

解讀Supesite的數據庫緩存與文件緩存機制

Drupal 安裝wysiwyg所見即所得編輯器(tinymce )並漢化

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結