ajax 典型代码

最新推荐文章于 2024-07-18 10:00:11 发布
最新推荐文章于 2024-07-18 10:00:11 发布
阅读量69 收藏
点赞数
文章标签： ajax xmlhttprequest function html null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panganlin/article/details/7359063
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>hello ajax world</title>
<script type="text/javascript">

function createXHR()
{
try{return new XMLHttpRequest();}catch(e){}
try{return new ActiveXObject("Msxml2.XMLHTTP.6.0");}catch(e){}
try{return new ActiveXObject("Msxml2.XMLHTTP.3.0");}catch(e){}
try{return new ActiveXObject("Msxml2.XMLHTTP");}catch(e){}
try{return new ActiveXObject("Microsoft.XMLHTTP"); }catch(e){}
alert("XMLHttpRequest not supported");
return null;
}

function  sendRequest()
{
var xhr = createXHR();

if(xhr){
xhr.open("GET","http://ajaxref.com/ch1/sayhello.php",true);
xhr.onreadystatechange = function(){
handleResponse(xhr);
xhr.send(null);
}
}
}


function handleResponse(xhr)
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var parsedResponse = xhr.responseXML;
var msg = parsedResponse.getElementsByTagName("message")[0].firstChild.nodeValue;
var responseOutput = document.getElementById("responseOutput");
responseOutput.innerHTML = msg;
}
}

window.onload = function(){
document.getElementById("helloButton").onclick = sendRequest;
};

</script>
</head>
<body>


</body>
</html>
panganlin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
AJAX基础入门
qq331697853的博客
11-30 614
我们平常上网，不管是注册账号，还是浏览网页，其本质就是通过客户端向服务器发送请求，服务器接到请求后返回处理后的数据给客户端； 在我们之前学习代码中，向服务器提交数据典型的应用是就是 form 表单，其中的 action 就是我们提交数据的服务器端地址；完成一个 form 表单； 当我们点击提交按钮时，页面就会跳转到服务器页面；但是，我本不想让页面跳转，数据也能被发送到服务器端，同时，还可以接受服务器返回的数据；当我注册一个网站的账号时，填写完用户名并没有点击提交，但是，用户名如果有重复，文本框的傍边便会提示
JQuery与Ajax常用代码实现对比
10-29
这里我们将对比JQuery与传统的Ajax代码实现，以便更好地理解它们的用法。 首先，传统的Ajax代码通常涉及创建XMLHttpRequest对象、配置请求、处理响应状态以及发送请求。以下是一个典型的示例： ```javascript var ...
原生AJAX：AJAX原理，附有AJAX代码
Stardust_fantasy的博客
06-10 380
AJAX原理，附有AJAX代码
Ajax原理，技术封装与完整示例代码
爱是与世界平行
06-20 1050
在做项目和学习的时候，经常用到Ajax的相关技术，但是这方面的技术总是运用的不是十分好，就寻找相关博客来学习加深Ajax技术相关。 基础Ajax 完整代码 原文章链接 基础Ajax function ajax(a){ var ajax = new XMLHttpRequest(); ajax.onreadystatechange = funct...
Ajax（一）
bug 消灭师的博客
04-27 1094
Ajax
Ajax-老杜
jsdoulaoula的博客
07-21 1024
写在前面，此文只能满足想知道ajax是如何一步步实现和框架下封装的是什么。想快速实现，直接去看VUE等框架如何实现即可。 传统请求存在的问题 页面全部刷新导致了用户的体验较差。 传统的请求导致用户的体验有空白期。（用户的体验是不连贯的） 四、XMLHttpRequest对象 XMLHttpRequest对象是AJAX的核心对象，发送请求以及接收服务器数据的返回，全靠它了。XMLHttpRequest对象，现代浏览器都是支持的，都内置了该对象。直接用即可。创建XMLHttpRequest对象
Ajax hook
Ter_Fuir的博客
06-02 1279
AJAX_HOOK 1.Ajax-hook 原理解析 github 链接: https://github.com/wendux/Ajax-hook 中文介绍：http://www.jianshu.com/p/9b634f1c9615 Ajax Hook 顾名思义就是 Hook Ajax 请求了，Ajax 最重要的两个部分？当然就是 Request、Response 了，有了 Hook，我们就能在发起 Request 前和得到 Response 后对二者进行处理了。 (1)整体思路－代理模式 Ajax-hoo
初识Ajax
m0_46420078的博客
04-16 1016
扩展：程序更新后,怎样自动运行呢？ 1、安装模块：npm install nodemon 2、设置node程序的启动命令： 更改前： 改用nodemon启动程序： 一、初识Ajax 1、传统网站中存在的问题 （1）页面加载时间长：在传统的网站中，用户只能通过浏览器刷新页面从服务器获取数据。如果网速慢，获取数据的时间会很长。当页面加载数据时，用户也不能在该页面进行其他的操作，只能等待网页加载完成。 （2）表单提交的问题：在用户提交表单的时候，如果用户在表单中填写的内容有一项不符合要..
SpringMVC AJAX使用
qq_43560701的博客
09-05 622
SpringMVC AJAX使用 之前在分析 SMBMS 项目的时候稍微了解过其中的 AJAX 的作用和用法，现在学习了 SpringMVC，就要在 SpringMVC 中使用一下 AJAX。本节创建 SpringMCV-08-AJAX 项目学习 AJAX 的使用。 1. 回顾AJAX AJAX（ Asynchronous Javascript And XML，即异步 JavaScript 和 XML ）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 AJAX 不是新的编程语言，而是用于创建
Ajax与Cors
m0_63853512的博客
01-08 1661
Ajax与Cors
Ajax后端极简笔记
张晨光老师的播客
07-26 849
AJAX 第一章：AJAX基础 概念：AJAX = Asynchronous JavaScript And XML（异步的 JavaScript 和 XML）。阿贾克斯 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。简言之：是局部刷新技术。异步刷新。 回顾历史： Web 1.0 sina sohu 用户被动接受新闻 Web 2.0 社区，web群 互动 环节增加，用户和服务器交互 W
韩顺平老师ajax视频教程源代码
07-22
7. **应用场景**：聊天系统是一个典型的AJAX应用场景，通过实时更新消息，增强用户交互性。 8. **适应性与优化**：学习如何使AJAX请求适应不同的网络条件，以及如何优化性能，例如使用缓存和减少HTTP请求。 通过这...
AJAX相册代码
11-02
综上所述，"AJAX相册代码"是一个典型的前端开发项目，结合了HTML、CSS、JavaScript和AJAX技术，为用户提供了一种流畅的在线相册浏览体验。通过学习和实践这个项目，开发者可以深入理解AJAX在实际应用中的工作原理和...
ASP.NET中AJAX 调用实例代码
09-05
在给定的实例中，我们看到一个典型的AJAX调用流程，涉及客户端和服务器端的交互。 1. **前端请求页面模板**： 客户端（通常是Web浏览器）首先向ASP.NET服务器发送HTTP GET请求，请求的目标是一个包含页面模板的...
Ajax网站开发典型实例JSP源码包
07-17
在本"Ajax网站开发典型实例JSP源码包"中，我们可以深入学习如何使用Ajax与JavaServer Pages (JSP) 结合，创建高效动态的Web应用。 1. **Ajax基础** Ajax的核心是JavaScript对象XMLHttpRequest，它允许JavaScript在...
webSocker消息推送，ajax轮询
最新发布
weixin_43617604的博客
07-18 373
但是，传统的AJAX并不直接支持实时消息推送，因为它基于请求-响应模式。为了模拟消息推送，你可以使用轮询（polling）或长轮询（long-polling）技术。但是，传统的AJAX并不直接支持实时消息推送，因为它基于请求-响应模式。为了模拟消息推送，你可以使用轮询（polling）或长轮询（long-polling）技术。一旦建立了WebSocket连接，服务器和客户端就可以随时向对方发送消息，而不需要像AJAX那样频繁地发起请求。轮询是定期向服务器发送请求，以检查是否有新的消息。
ajax实时监测与springboot的实例分析
羽墨墨的博客
07-16 477
ajax实时监测和springboot举例分析
使用AJAX发起一个异步请求，从【api_endpoint】获取数据，并在成功时更新页面上的【target_element】
xixixixixixixi21的博客
07-18 206
在Web开发中，使用AJAX（Asynchronous JavaScript and XML，异步JavaScript和XML）可以实现在不刷新整个页面的情况下，向服务器发送请求并获取数据。// 发送请求xhr.send();在这个例子中，onload事件会在请求完成且成功时触发，然后我们处理返回的数据并更新指定的HTML元素内容。
ajax实时监控input搜索框并给提示词的事实举例的超全版本（上-不用字典树）
羽墨墨的博客
07-17 928
ajax做实时信息传输的套用模板和简单理论及代码解释
深入理解Ajax基础与应用
在提供的代码示例中，展示了如何使用jQuery进行Ajax操作。首先，有一个HTML结构，包括一个确认信息列表项（`.confirmation`），其中有一个按钮和一个隐藏的机票图片（`.ticket img`）。 ```html <h3>Hawaiian ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值