AJAX的经典示范站点

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很高兴为您解答,以下是一些经典AJAX 实例: 1. 异步加载 HTML 文件 可以使用 AJAX 来异步加载 HTML 文件,这样可以避免整个页面的重新加载。 示例代码: ```javascript function loadHtml(url, callback) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { callback(xhr.responseText); } }; xhr.open('GET', url, true); xhr.send(); } ``` 2. 异步获取 JSON 数据 使用 AJAX 可以轻松地异步获取 JSON 数据,然后在页面中使用它们。 示例代码: ```javascript function loadJson(url, callback) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); callback(data); } }; xhr.open('GET', url, true); xhr.send(); } ``` 3. 异步提交表单数据 使用 AJAX 可以在不刷新整个页面的情况下异步提交表单数据。 示例代码: ```javascript function submitForm(form, callback) { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { var data = JSON.parse(xhr.responseText); callback(data); } }; xhr.open('POST', form.action, true); xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8'); xhr.send(JSON.stringify(getFormData(form))); } function getFormData(form) { var data = {}; var inputs = form.getElementsByTagName('input'); for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; data[input.name] = input.value; } return data; } ``` 希望这些实例对您有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值