JSON跨域调用Python的完整实现与jQuery JSONP详解

Ada

发布时间：2026-10-13 | 3人浏览过

原创

本文详细解析了通过JSON跨域调用Python服务端的实现方法，重点介绍了jQuery中JSONP的配置参数与使用细节。针对AJAX跨域时POST转GET、回调函数执行机制及success失效等常见问题提供了具体代码示例与排查思路，并附带实用的JSON处理工具推荐。

本文详细介绍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: 'callback',
      success : function(json){
          alert(json.account);
        //$('#msg_box').html(json);
        //return true;
      }
    });
  });
  </script>
   <body>
  <div id="msg_box"></div>
  </body>
  </html>

服务端Python代码实现：

import web
urls=('/','Index',)
class Index:
    def GET(self):
      inputdata=web.input()
      mycallbackfun=inputdata.callback
      #return 'hello' +inputdata.id
      return mycallbackfun+'({"account":"XX","passed":"true","error":"null"})'
app = web.application(urls, globals())
if __name__=='__main__':
    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（字符串类型）：指定服务器返回的数据类型。若未明确指定，jQuery会根据HTTP响应头中的MIME信息自动判断，例如识别为XML类型。

该参数支持以下可用值：

"xml"：返回XML文档，可由jQuery进行解析处理。 "html"：返回纯文本HTML内容；其中包含的script标签在插入DOM时会立即执行。 "script"：返回纯文本JavaScript代码。除非设置了"cache"参数，否则不会自动缓存结果。

注意：在进行跨域请求（即不同域名下）时，所有POST请求都会被jQuery自动转换为GET请求。这是因为底层使用了DOM中的script标签来加载资源。

"json"：返回JSON格式的数据。 "text"：返回纯文本字符串。 "jsonp"：指定使用JSONP格式。当以JSONP形式调用函数时，访问URL会自动在末尾追加类似"callback=callbackFunName"的参数，以便执行指定的回调函数（callbackFunName）。

jsonp（字符串类型）

用于重写JSONP请求中回调函数的名称。该值替代了"callback=?"这种GET或POST请求中URL参数里的"callback"部分。例如，设置jsonp:'callbackfun'，则服务器将收到"callbackfun=?"的参数。

jsonpCallback（字符串类型）

此参数用于为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); //在默认的回调方法中执行
}

PS：关于JSON操作，这里再为大家推荐几款比较实用的JSON在线工具供大家参考使用：

在线JSON代码检验、检验、美化、格式化工具： http://tools.jb51.net/code/json

JSON在线格式化工具： http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具： http://tools.jb51.net/code/xmljson

JSON代码在线格式化/美化/压缩/编辑/转换工具： http://tools.jb51.net/code/jsoncodeformat

在线JSON压缩/转义工具： http://tools.jb51.net/code/json_yasuo_trans

C语言风格/HTML/CSS/JSON代码格式化美化工具： http://tools.jb51.net/code/ccode_html_css_json

更多Python相关内容感兴趣的读者可查看本站专题：《Python操作json技巧总结》、《Python编码操作技巧总结》、《Python图片操作技巧总结》、《Python数据结构与算法教程》、《Python Socket编程技巧总结》、《Python函数使用技巧总结》、《Python字符串操作技巧汇总》、《Python入门与进阶经典教程》及《Python文件与目录操作技巧汇总》

希望本文所述对大家Python程序设计有所帮助。