文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

web前端:jsonp格式前端发送和后台接受写法

宣传部部长

宣传部部长

2024-04-23 23:39

关注

  Ajax的核心是Javascript对象XmlHttpRequest。该对象在InternetExplorer5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

  jsonp是ajax提交的一种格式不会受跨域限制

  一.前端发送

  <button>11111</button>

  <scriptsrc="https://cdn.static.runoob.com/libs/jQuery/1.8.3/jquery.js"></script>

  <script>

  document.querySelector('button').onclick=function(){

  $.ajax({

  url:'http://localhost:8000/test',

  type:'get',

  dataType:'jsonp',

  data:{//注意内容必须为字典

  aaa:aaa//字典里内容前面key可以不加"",默认会给你加上""变成字符串但是不会当成变量

  },//字典后面value有''为字符串,没有为变量

  success:function(data){

  console.log(data);

  }

  });

  }

  </script>

  二.后台接受

  #我就拿Python举例,其他也大同小异

  fromdjango.shortcutsimportrender,HttpResponse,redirect

  deftest(request):

  callback=request.GET.get('callback')

  print(dict(request.GET))#传过来的内容他会打散,具体的自己看一下就知道

  #注意点返回的字符串必须是'callback+("返回的字符串")'这样的一个字符串,不然前端不会接收

  returnHttpResponse(callback+'("ok")')

  JSONP(JSONwithPadding)是JSON的一种"使用模式",可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于server1.example.com的网页无法与不是server1.example.com的服务器沟通,而html的<script>元素是一个例外。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     436人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     201人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     163人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     242人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     68人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯