HTML5技术

史上最全ajax全套 - 张岩林(3)

字号+ 作者:H5之家 来源:H5之家 2016-08-06 12:00 我要评论( )

XmlSendRequest(){ XMLHttpRequest();xhr.onreadystatechange = function (){ ) { xhr.responseText;console.log(result);}};xhr.open( );xhr.send();} function JqSendRequest(){$.ajax({url: ,type: ,dataType: ,

XmlSendRequest(){ XMLHttpRequest(); xhr.onreadystatechange = function(){ ) { xhr.responseText; console.log(result); } }; xhr.open(); xhr.send(); } function JqSendRequest(){ $.ajax({ url: , type: , dataType: , success: function(data, statusText, xmlHttpRequest){ console.log(data); } }) }

HTML

class MainHandler(tornado.web.RequestHandler): def get(self): self.set_header('Access-Control-Allow-Origin', "http://www.xxx.com") self.write('{"status": true, "data": "seven"}')

tornado

2、支持跨域,复杂请求

由于复杂请求时,首先会发送“预检”请求,如果“预检”成功,则发送真实数据。

XmlSendRequest(){ XMLHttpRequest(); xhr.onreadystatechange = function(){ ) { xhr.responseText; console.log(result); } }; xhr.open(); xhr.setRequestHeader(); xhr.send(); } function JqSendRequest(){ $.ajax({ url: , type: , dataType: , headers: {}, success: function(data, statusText, xmlHttpRequest){ console.log(data); } }) }

HTML

class MainHandler(tornado.web.RequestHandler): def put(self): self.set_header('Access-Control-Allow-Origin', "http://www.xxx.com") self.write('{"status": true, "data": "seven"}') def options(self, *args, **kwargs): self.set_header('Access-Control-Allow-Origin', "http://www.xxx.com") self.set_header('Access-Control-Allow-Headers', "k1,k2") self.set_header('Access-Control-Allow-Methods', "PUT,DELETE") self.set_header('Access-Control-Max-Age', 10)

tornado

3、跨域传输cookie

在跨域请求中,默认情况下,HTTP Authentication信息,Cookie头以及用户的SSL证书无论在预检请求中或是在实际请求都是不会被发送。

如果想要发送:

XmlSendRequest(){ XMLHttpRequest(); xhr.onreadystatechange = function(){ ) { xhr.responseText; console.log(result); } }; xhr.withCredentials = true; xhr.open(); xhr.setRequestHeader(); xhr.send(); } function JqSendRequest(){ $.ajax({ url: , type: , dataType: , headers: {}, xhrFields:{withCredentials: true}, success: function(data, statusText, xmlHttpRequest){ console.log(data); } }) }

HTML

class MainHandler(tornado.web.RequestHandler): def put(self): self.set_header('Access-Control-Allow-Origin', "http://www.xxx.com") self.set_header('Access-Control-Allow-Credentials', "true") self.set_header('xxoo', "seven") self.set_header('zhangyanlinhenshuai', "feichangshuai") self.set_header('Access-Control-Expose-Headers', "shuai,shuaishuai") self.set_cookie('kkkkk', 'vvvvv'); self.write('{"status": true, "data": "seven"}') def options(self, *args, **kwargs): self.set_header('Access-Control-Allow-Origin', "http://www.xxx.com") self.set_header('Access-Control-Allow-Headers', "k1,k2") self.set_header('Access-Control-Allow-Methods', "PUT,DELETE") self.set_header('Access-Control-Max-Age', 10)

View Code

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • FormData+Ajax 实现多文件上传 学习使用FormData对象 - 天青色的西瓜莹

    FormData+Ajax 实现多文件上传 学习使用FormData对象 - 天青色的西瓜

    2017-03-08 18:01

  • 史上最“脑残”的“抢火车票”程序(node.js版) - 落花落雨不落叶

    史上最“脑残”的“抢火车票”程序(node.js版) - 落花落雨不落叶

    2017-01-14 12:01

  • form表单提交和ajax表单提交,关于移动端如何通过软键盘上的【搜索】和【前进】进行提交操作 - 怪诞咖啡

    form表单提交和ajax表单提交,关于移动端如何通过软键盘上的【搜索】

    2016-12-10 11:00

  • pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新 - imwtr

    pushState、replaceState、onpopstate 实现Ajax页面的前进后退刷新 -

    2016-11-14 17:00

网友点评
d