防止IE下不支持 Ajax

<button id="btn1">請求</button> <button id="btn2">請求</button><script>$("#btn2").click(function () {$.ajax({type: "Get",url: '/Home/ResponseAjax',data: { name: "super", age: 20 },success: function (res) {console.info(res);}})})$("#btn1").click(function () {ajax({url: "./ResponseAjax", //請求地址type: "GET", //請求方式data: { name: "super", age: 20 }, //請求參數dataType: "json",success: function (response, xml) {// 此處放成功后執行的代碼 console.info(response);console.info(xml);},fail: function (status) {// 此處放失敗后執行的代碼 }});})function ajax(options) {options = options || {};options.type = (options.type || "GET").toUpperCase();options.dataType = options.dataType || "json";var params = formatParams(options.data);//創建 - 非IE6 - 第一步if (window.XMLHttpRequest) {var xhr = new XMLHttpRequest();} else { //IE6及其以下版本瀏覽器var xhr = new ActiveXObject('Microsoft.XMLHTTP');}//接收 - 第三步xhr.onreadystatechange = function () {if (xhr.readyState == 4) {var status = xhr.status;if (status >= 200 && status < 300) {options.success && options.success(xhr.responseText, xhr.responseXML);} else {options.fail && options.fail(status);}}}//連接 和 發送 - 第二步if (options.type == "GET") {xhr.open("GET", options.url + "?" + params, true);xhr.send(null);} else if (options.type == "POST") {xhr.open("POST", options.url, true);//設置表單提交時的內容類型xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");xhr.send(params);}}//格式化參數 function formatParams(data) {var arr = [];for (var name in data) {arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));}arr.push(("v=" + Math.random()).replace(".", ""));return arr.join("&");} </script>

?

轉載于:https://www.cnblogs.com/Jacob-Wu/p/6632718.html

總結

以上是生活随笔為你收集整理的JS 原生 AJax的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。