json跨域呼叫python的方法詳解

高洛峰
發布: 2017-01-13 13:01:17
原創
1131 人瀏覽過

本文實例講述了json跨域呼叫python的方法。分享給大家供大家參考,具體如下:

客戶端:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>jQuery-跨域请求</title>
  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  </head>
   <script type="text/javascript">
  jQuery(document).ready(function(){
    $.ajax({
      type : "GET",
      url : "http://10.13.38.43:1234/?id=10&callback=?",
      dataType : "jsonp",
      jsonp: &#39;callback&#39;,
      success : function(json){
          alert(json.account);
        //$(&#39;#msg_box&#39;).html(json);
        //return true;
      }
    });
  });
  </script>
   <body>
  <div id="msg_box"></div>
  </body>
  </html>
登入後複製

服務端

import web
urls=(&#39;/&#39;,&#39;Index&#39;,)
class Index:
    def GET(self):
      inputdata=web.input()
      mycallbackfun=inputdata.callback
      #return &#39;hello&#39; +inputdata.id
      return mycallbackfun+&#39;({"account":"XX","passed":"true","error":"null"})&#39;
app = web.application(urls, globals())
if __name__==&#39;__main__&#39;:
    app.run()
登入後複製

附:jquery跨域請求方法簡介

這裡介紹jQuery請求方法,並提供簡單的範例程式碼供參考。

專案中關於ajax jsonp的使用,出現了問題:可以成功獲得請求結果,但沒有執行success方法,總算搞定了,記錄一下。

function TestAjax()
{
  $.ajax({
    type : "get",
    async : false,
    url : "ajaxHandler.ashx", //实际上访问时产生的地址为: ajax.ashx?callbackfun=jsonpCallback&id=10
    data : {id : 10},
    cache : false, //默认值true
    dataType : "jsonp",
    jsonp: "callbackfun",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
    jsonpCallback:"jsonpCallback",
      //自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
      //如果这里自定了jsonp的回调函数,则success函数则不起作用;否则success将起作用
    success : function(json){
      alert(json.message);
    },
    error:function(){
      alert("erroe");
    }
  });
}
function jsonpCallback(data) //回调函数
{
  alert(data.message); //
}
public class ajaxHandler : IHttpHandler
{
  public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "text/plain";
    string callbackfun = context.Request["callbackfun"];
    context.Response.Write(callbackfun + "({name:\"John\", message:\"hello John\"})");
    context.Response.End();
  }
  public bool IsReusable {get {return false;}
}
登入後複製

ajax請求參數說明:

dataType string 伺服器傳回的資料類型。
如果不指定,jQuery 會自動根據 HTTP 套件 MIME 資訊來智慧判斷,例如XML MIME類型就被辨識為XML。

可用值:

"xml": 傳回 XML 文檔,可用 jQuery 處理。
"html": 傳回純文字 HTML 資訊;包含的script標籤會在插入dom時執行。
"script": 傳回純文字 JavaScript 程式碼。不會自動快取結果。除非設定了"cache"參數。

注意:在遠端請求時(不在同一個域下),所有POST請求都將轉為GET請求。 (因為將使用DOM的script標籤來載入)

"json": 傳回 JSON 資料 。
"text": 傳回純文字字串
"jsonp":jsonp格式。使用jsonp形式呼叫函式時,存取url時會自動將url後面加上如"callback=callbackFunName" 以執行回呼函數(callbackFunName)。

jsonp string

在一個jsonp請求中重寫回呼函數的名字。這個值用來取代在"callback=?"這種get或post請求中url參數裡的"callback"部分,例如 jsonp:'callbackfun' 則會產生"callbackfun=?"傳給伺服器。

jsonpCallback String 此參數為jsonp請求指定一個回呼函數名稱。

這個值將會用來取代jQuery自動產生的隨機函數名稱。 即上面"callback=?"中的問號部分。

這主要用來讓jQuery產生度獨特的函數名,這樣請求更容易,也能方便地提供回呼函數和錯誤處理。

也可以在想讓瀏覽器快取GET請求的時候,指定這個回呼函數名稱。

ajax jsonp與普通的ajax請求的主要區別在於-請求回應結果的處理。如上面程式碼所示的回應結果為:

jsonpCallback({ name:"world",message:"hello world"});
登入後複製

其實就是呼叫jsonp回呼函數jsonpCallback,並將要回應的字串或json傳入此方法,關於自定了jsonp的回呼函數, success函數則不起作用,大概其底層的實現(當然這是預設的回呼函數的時候,否則就不會執行success的方法吧):

function default_jsonpCallback(data)
{
  success(data); //在默认的回调方法中执行
}
登入後複製

希望本文所述對大家Python程式設計有所幫助。

更多json跨域呼叫python的方法詳解相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!