举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > ajax示例代码 Ajax 示例

ajax示例代码 Ajax 示例

2023-06-06 02:31 AJAX教程

ajax示例代码 Ajax 示例

ajax示例代码

Ajax(Asynchronous JavaScript and XML)是一种用于创建快速动态网页的技术。它可以在不重新加载整个网页的情况下更新部分网页内容。Ajax 使用 JavaScript 和 XML 技术来实现这一目标。

// 使用 XMLHttpRequest 对象发送 AJAX 请求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.php', true); // 第三个参数表明是异步请求
xhr.onreadystatechange = function() { // 状态发生变化时,函数被回调
    if (xhr.readyState === 4 && xhr.status === 200) { // 成功完成
        // 对响应数据作处理:
        console.log(xhr.responseText);  // 返回字符串形式的响应数据
    } else { // 其他情况,如网络错误等。。。
        console.log('Error: ' + xhr.status); // 此处打印出错误信息 
    } 
}; 
xhr.send(null); // 发送请求

Ajax 示例

Ajax 示例

这里有一个一些著名的使用 Ajax 的 Web 应用程序列表。

Google Maps

用户可以用鼠标拖动整个地图,而不是点击某个按钮。

  • http://maps.google.com/

Google Suggest

用户输入时,Google 会提供搜索建议。我们可以使用方向键来导航结果。

  • http://www.google.com/webhp?complete=1&hl=en

Gmail

Gmail 是一个网络邮箱,它的设计理念是邮箱可以更直观、高效、实用。

  • http://gmail.com/

Yahoo Maps(新项目)

现在,它让我们要去哪里变得更容易更有趣!

  • http://maps.yahoo.com/
阅读全文
以上是鳄鱼CMS为你收集整理的ajax示例代码 Ajax 示例全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们