前端开发者| 微信开发前端配置 |
| 微信前端开发岗位职责 |
| 前端微信公众号开发 |
Ajax去除缓存
ajax(‘aaa.txt?t=’+new Date().getTime(),function(str){}//成功读取函数,function(){}//失败读取函数)
Ajax的基本结构
html 代码
window.onload = function(url, fnSucc, fnFaild) {
//创建Ajax对象
var oBtn = document.getElementById(‘btn1’)
oBtn.onclick = function() {
if (window.XMLHttpRequest) {
var oAjax = new XMLHttpRequest()
} else {
var oAjax = new ActiveXObject(‘Microsoft.XMLHTTP’)
}
}
//链接服务器，oAjax.open有3个参数（链接方式,要获取的文件,异步还是同步/*异步为T*/）
oAjax.open(‘GET’, url, ‘true’)
//发送请求
oAjax.send()
//接收返回值
oAjax.onreadystatechange = function() {
//oAjax.readyState //浏览器和服务器的交互到哪一步
//readyState可能出现的几种值
//0（未初始化）还没有调用open方法
//1（载入）已调用send方法，正在发送请求
//2（载入完成）send方法完成，已收到全部相应内容
//3（解析）正在解析响应内容
//4（完成）响应内容解析完成，可以在客户端调用
if (oAjax.readyState == 4) {
if (oAjax.status == 200) {
fnSucc(oAjax.responseText) //被返回的文本
} else {
if (fnFaild) {
fnFaild(oAjax.status)
}
}
}
}
}
Ajax的同步与异步
jquery实现Ajax
jquery load() 方法jquery load() 方法是简单但强大的 AJAX 方法。
load() 方法从服务器加载数据，并把返回的数据放入被选元素中。
语法：$(selector).load(URL,data,callback);
必需的 URL 参数规定您希望加载的 URL。
可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
可选的 callback 参数是 load() 方法完成后所执行的函数名称。
可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数：
* responseTxt - 包含调用成功时的结果内容
* statusTXT - 包含调用的状态
* xhr - 包含 XMLHttpRequest 对象下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功，则显示“外部内容加载成功！”，而如果失败，则显示错误消息：
html 代码
$(‘button’).click(function() {
$(‘#div1’).load(‘demo_test.txt’, function(responseTxt, statusTxt, xhr) {
if (statusTxt == ‘success’) alert(‘外部内容加载成功！’)
if (statusTxt == ‘error’)
alert(‘Error: ‘ + xhr.status + ‘: ‘ + xhr.statusText)
})
})
| 微信前端界面开发 |
| 微信小程序与前端开发的区别 |
| 微信小程序群功能开发-前端篇 |
970106_lzh 2年前 (2021-01-08)说：
huihui 3年前 (2020-10-20)说：
Satisfy 3年前 (2020-06-05)说：
评论前必须登录！
注册