Question

有没有关于pc端调用ajax接口完整的源代码，用jquery的$简写的ajax源代码？

有没有关于pc端调用ajax接口完整的源代码，用jquery的$简写的ajax源代码，我觉得找的都不是很具体，而且测试不对

Answer 1

发一段我在写的。

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<script>

jQuery(document).ready(function ($) {

    var div_num = $("div").length;

    alert(div_num);

})

</script>

加到网站底部，如果你的页面有div标签，并弹框一个数字，就说明代码生效了。如图

Answer 2

<script type="text/javascript">
// 封装创建XMLHttpRequest对象
function createXMLHTTPObject() {
var XMLHttpFactories = [
function () { return new XMLHttpRequest() },
function () { return new ActiveXObject("Msxml2.XMLHTTP") },
function () { return new ActiveXObject("Msxml3.XMLHTTP") },
function () { return new ActiveXObject("Microsoft.XMLHTTP") },
];
var xmlhttp = false;
for (var i = 0; i < XMLHttpFactories.length; i++) {
try {
xmlhttp = XMLHttpFactories[i]();
}
catch (e) {
continue;
}
break;
}
return xmlhttp;
}
//封装异步请求函数
function request(url, callback, data) {
var xmlHttp = createXMLHTTPObject();
if (!xmlHttp) return;
var method = (data) ? "POST" : "GET";
xmlHttp.open(method, url, true);
xmlHttp.setRequestHeader('User-Agent', 'XMLHTTP/1.0');
if (data)
xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = function () {
if (xmlHttp.readyState != 4) return;
if (xmlHttp.status != 200 && xmlHttp.status != 304) {
alert('HTTP请求错误 ' + xmlHttp.status);
return;
}
callback(xmlHttp);
}
if (xmlHttp.readyState == 4) return;
xmlHttp.send(data);
}
</script>

<script type="text/javascript">
//定义请求地址
var mi = document.domain
var url = "http://ip-api.com/json/?lang=zh-CN";
//定义回调函数，参数为XMLHttpRequest对象
var callback = function (xmlHttp) {
var info = xmlHttp.responseText;
var o = eval("(" + info + ")");

$("#michen").html("通过接口动态查询IP" + JSON.stringify(o));

//alert(info);
// alert(o[1].name);

}
//调用请求函数
request(url, callback);

</script>
<span id="michen"></span>