/** * Created by Lemon on 17/5/8. */ var url_base = "http://139.196.140.118:8080"; var url_get = url_base + "/get"; var url_head = url_base + "/head"; var url_post_get = url_base + "/post_get"; var url_post_head = url_base + "/post_head"; var url_post = url_base + "/post"; var url_put = url_base + "/put"; var url_delete = url_base + "/delete"; /**包含 * @param obj * @returns {boolean} */ Array.prototype.contains = function (obj) { for (var i = 0; i < this.length; i ++) { if (this[i] === obj) { return true; } } return false; } /**请求方法 * @type {Array} */ var Method = new Array( /** * 常规获取数据方式 */ "get", /** * 检查，默认是非空检查，返回数据总数 */ "head", /** * 通过POST来GET数据，不显示请求内容和返回结果，一般用于对安全要求比较高的请求 */ "post_get", /** * 通过POST来HEAD数据，不显示请求内容和返回结果，一般用于对安全要求比较高的请求 */ "post_head", /** * 新增(或者说插入)数据 */ "post", /** * 修改数据，只修改传入字段对应的值 */ "put", /** * 删除数据 */ "delete" ) /**请求 * @param url * @param rq */ function request(url, json, notAlertRequest, onreadystatechange) { var rqf = format(JSON.stringify(json)); var rq = encodeURI(JSON.stringify(encode(json))); // JSON.stringify(encode(json)); // var method = url.substring(url.lastIndexOf("/") + 1, url.length); // alert("method=" + method); if (method == null || Method.contains(method) == false) { alert("method is empty! url must endsWith \"/[method]\" !"); return; } var isGet = method === Method[0] || method === Method[1]; // alert("isGet=" + isGet); var METHOD = method.toUpperCase(); if (! notAlertRequest) { alert("Request(" + METHOD + "):\n" + rqf); } //原生请求<<<<<<<<<<<<<<<<<<<<<<<<<< var request = new XMLHttpRequest(); request.open(isGet ? "GET" : "POST", url + (isGet ? "/" + rq : ""), true); if (isGet == false) { request.setRequestHeader("Content-type", "application/json"); } request.onreadystatechange = onreadystatechange != null ? onreadystatechange : function () { if (request.readyState !== 4) { return; } if (request.status === 200) { alert("Response(" + METHOD + "):\n" + format(request.responseText)); } else { alert("Response(" + METHOD + "):\nstatus" + request.status + "\nerror:" + request.error); } } request.send(isGet ? null : rq); //原生请求>>>>>>>>>>>>>>>>>>>>>>>>>> //JQuery ajax请求<<<<<<<<<<<<<<<<<<<<<<<<<< // $.ajax({ // type: isGet ? "GET" : "POST", // url: isGet ? url + "/" + rq : url, // contentType: "application/json", //必须 // dataType: "json", //返回值类型，非必须 // data: isGet ? null : rq, // success: function (response) { // alert(response); // } // }); //JQuery ajax请求>>>>>>>>>>>>>>>>>>>>>>>>>> //VUE axios请求<<<<<<<<<<<<<<<<<<<<<<<<<< // if (isGet) { // axios.get(url + "/" + rq, null) // .then(function (response) { // console.log(response); // }) // .catch(function (error) { // console.log(error); // }); // } else { // axios({ // method: 'post', // url: url + "/", // data: json // }).then(function (response) { // alert(response); // }).catch(function (error) { // alert(error); // }); // } //VUE axios请求>>>>>>>>>>>>>>>>>>>>>>>>>> return request; } /**编码JSON，转义所有String * @param json */ function encode(json) { // alert("encode before:\n" + format(JSON.stringify(json))); if (typeof json == "string") { //json instanceof String) { json = encodeURIComponent(json); } else if (json instanceof Array) { // alert("encode json instanceof Array"); for (var i = 0; i < json.length; i ++) { // alert("json[" + i + "] = " + format(JSON.stringify(json[i]))); json[i] = encode(json[i]); } } else if (json instanceof Object) { // alert("encode json instanceof Object"); for (var key in json) { // alert("encode json[" + key + "] = " + format(JSON.stringify(json[key]))); json[key] = encode(json[key]); } } // alert("encode after:\n" + format(JSON.stringify(json))); return json; } /**格式化JSON串 * @param json */ function format(json) { return JSON.stringify(JSON.parse(json), null, "\t"); }