Ajax的跨域請求

1)前端Ajax部分代碼

function changeClass(){
       $.ajax({
           url: 'http://192.168.1.107:9000/main_page/front/data', //在這里提填寫你的地址
           async: false,
           dataType: 'jsonp',
           type:'get',
           jsonp:"callback",     //回調(diào)jsonp的前面那個變量的名字
           jsonpCallback:"callback",
           success: function (json_str) {  
               object_js = json_str;
               //document.write(object_js);
               showAllList();
           }
       });
   }

2)后端路由部分代碼

@main_page_Blueprint.route('/front/data')
def front_data():
    Class = BaseClass(class_number)
    list_sign_students = Class.list_sign_students
    list_unsign_students = Class.list_unsign_students
    dic_all_students = {}
    for student in list_sign_students:
        dic_all_students[student] = 1
    for student in list_unsign_students:
        dic_all_students[student] = 0
    jsonp = 'callback' + '(' + str(dic_all_students ) + ')'         #主要這里要返回有callback的字符串,不能返回json數(shù)據(jù)
    return jsonp

3)附加鏈接,解釋json和jsonp的區(qū)別

http://kb.cnblogs.com/page/139725/
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,422評論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,969評論 19 139
  • 學(xué)號:267 昵稱:脆兒 心藍彩鉛插畫挑戰(zhàn)營可以說是我話彩鉛的啟蒙課,因為工作比較忙又要帶小孩的緣故,到現(xiàn)在還沒完...
    脆兒閱讀 450評論 1 2
  • 有人說:人生最有成就感的一段時間,就是高考前的那幾個月。 那時你上知天體運行原理下知有機無機反應(yīng)前有橢圓雙曲線加勾...
    金梓Penny閱讀 225評論 1 0
  • 這兩天知乎上鋪天蓋地的張雪峰怒懟馬丁的提問,加上同學(xué)間的討論,終于在今晚下了自習(xí)后去看了這個視頻。 說句實...
    何炅的腹肌閱讀 590評論 0 0