HTML5跨域请求--POST方式
2015-12-17 09:09
691 查看
var xmlHttp; // Create the XHR object. function createCORSRequest(method, url) { var xhr = new XMLHttpRequest(); if ("withCredentials" in xhr) { // XHR for Chrome/Firefox/Opera/Safari. xhr.open(method, url, true); } else if (typeof XDomainRequest != "undefined") { // XDomainRequest for IE. xhr = new XDomainRequest(); xhr.open(method, url); } else { // CORS not supported. xhr = null; } if (method == "POST") { xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); } return xhr; } // Helper method to parse the title tag from the response. function getTitle(text) { return text.match('<title>(.*)?</title>')[1]; } //function callback() { // if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { // var b = xmlHttp.responseText; // alert(b); // } //} // Make the actual CORS request. function makeCorsRequest(url) { // All HTML5 Rocks properties support CORS. xmlHttp = createCORSRequest('POST', url, true); //xmlHttp.onreadystatechange = callback; if (!xmlHttp) { alert('CORS not supported'); return; } // Response handlers. xmlHttp.onload = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { var text = xmlHttp.responseText; // var title = getTitle(text); var resultDiv = document.getElementById("callbacktext"); resultDiv.innerHTML = text; //alert('Response from CORS request to ' + text); } }; xmlHttp.onerror = function () { alert('Woops, there was an error making the request.'); }; var params = "Email=" + $("#email").val(); xmlHttp.send(params); } function urlDeal(url){ //解决缓存的转换 if (url.indexOf("?") >= 0) { url = url + "&t=" + (new Date()).valueOf(); } else { url = url + "?+=" + (new Date()).valueOf(); } //解决跨域的问题 if (url.indexOf("http://") >= 0) { url.replace("?", "&"); url = "Proxy?url=" + url; } return url; } var url = "请求的API地址"; //var params = { "Email": "123123123@qq.com" }; $("#btnPost").delegate("", "click", function () { makeCorsRequest(url); });
相关文章推荐
- HTML5新元素section和article的区别详解
- HTML5 常用表单属性
- 【1】网页的构造块(《HTML5与CSS3基础教程 (第8版)》)
- 在CDH5.5.0上安装Phoenix1.2
- 在CDH5.5.0上安装Kudu6.0
- html5语义化标签
- 为什么HTML5移动应用程序名声不好?
- 兄弟连HTML5视频教程
- Html5中的Canvas宽度为100%
- H5交互开发培训后效果
- H5交互开发培训企业
- H5交互开发培训教育
- html5绘图
- html5进度条插件
- 认识HTML5的WebSocket
- #学习笔记#(20)贪吃蛇H5
- HTML5使用 getUserMedia方法调用本地摄像头拍照
- HTML5实现手机屏幕解锁功能
- HTML5小游戏之见缝插针
- 使用H5设计表单