ajax--xmlhttp

最新推荐文章于 2024-07-27 09:34:22 发布
最新推荐文章于 2024-07-27 09:34:22 发布
阅读量420 收藏
点赞数
分类专栏： java 文章标签： ajax xmlhttprequest function
<html>
<head>
<script type="text/javascript">
function showCustomer(str)
{
var xmlhttp;    
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","/ajax/getcustomer.asp?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>


<form action="" style="margin-top:15px;"> 
<label>请选择一位客户：
<select name="customers" οnchange="showCustomer(this.value)" style="font-family:Verdana, Arial, Helvetica, sans-serif;">
<option value="APPLE">Apple Computer, Inc.</option>
<option value="BAIDU ">BAIDU, Inc</option>
<option value="Canon">Canon USA, Inc.</option>
<option value="Google">Google, Inc.</option>
<option value="Nokia">Nokia Corporation</option>
<option value="SONY">Sony Corporation of America</option>
</select>
</label>
</form>
<br />
<div id="txtHint">客户信息将在此处列出 ...</div>


</body>

</html>


当用户在上面的下拉列表中选择某个客户时，会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发：

showCustomer() 函数执行以下任务：

  • 检查是否已选择某个客户
  • 创建 XMLHttpRequest 对象
  • 当服务器响应就绪时执行所创建的函数
  • 把请求发送到服务器上的文件
  • 请注意我们向 URL 添加了一个参数 q （带有输入域中的内容）

兴国First
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX学习总结
付凯
03-14 232
1.     简介AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行...
php5 ajax实例,AJAX ASP 实例
weixin_39568233的博客
03-10 50
例子解释在上面的例子中，当用户在输入字段中键入字符时，会执行名为 "showHint()" 的函数。此函数被 onkeyup 事件触发。下面是 HTML 代码：实例function showHint(str) {if (str.length == 0) {document.getElementById("txtHint").innerHTML = "";return;} else {var xml...
XmlHttp - Ajax技术
BarryLee的博客
10-01 7832
XmlHttp是什么？ 最通用的定义为：XmlHttp是一套可以在Javascript、VbScript、Jscript等脚本语言中通过http协议传送或从接收XML及其他数据的一套API。XmlHttp最大的用处是可以更新网页的部分内容而不需要刷新整个页面。 来自MSDN的解释：XmlHttp提供客户端同http服务器通讯的协议。客户端可以通过XmlHttp对象(MSXML2.XMLHTTP....
AJAX - onreadystatechange 事件
奋斗的日子最甜美，在科技的海洋里，永无止境。
01-04 426
AJAX - onreadystatechange 事件 onreadystatechange 事件 当请求被发送到服务器时，我们需要执行一些基于响应的任务。 每当 readyState 改变时，就会触发 onreadystatechange 事件。 readyState 属性存有 XMLHttpRequest 的状态信息。 下面是 XMLHttpRequest
ajax-get的使用
yangsm的博客
08-24 537
1.创建一个异步对象 2.设置请求方式和请求地址 3.发送请求 4.监听状态的变化 5.处理返回的结果 <script> window.onload = function(e){ var oBtn = document.querySelector("button"); oBtn.onclick = function(ev1){ // 1.创建一个异步对象 var xmlhttp; if(window.XMLHttpRequest){ xmlhttp = n.
浅谈ajax-post方法
秃头小吴
09-13 383
最近在学习ajax，整理了一下post方法 注意php文件必须允许在服务器环节才能允许成功 //先封装一个ajax-post方法 新建ajax-post.js function obj2str(obj){ obj.t= new Date().getTime(); var res = [] for(var key in obj){ res.push(encodeURLComponent(key) + "=" + encodeURLComponent(obj[key]));
Web : AJAX - 09
携青春向你走来
07-27 544
AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。可以使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，现在传输的数据不仅仅是XML）。
Ajax-2
塞北一枝花的博客
10-17 320
Post请求 简单的post请求 xmlhttp.open("POST","/try/ajax/demo_post.php",true); xmlhttp.send(); 类似于html表单一样post数据的话 xmlhttp.open("POST","/try/ajax/demo_post2.php",true); xmlhttp.setRequestHeader("Content-t...
AJAX - 创建 XMLHttpRequest 对象
奋斗的日子最甜美，在科技的海洋里，永无止境。
01-04 387
AJAX - 创建 XMLHttpRequest 对象 XMLHttpRequest 是 AJAX 的基础。 XMLHttpRequest 对象 所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。 XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页
Ajax-Ajax基础实例
11-04
**Ajax基础实例详解** AJAX，全称"Asynchronous JavaScript and XML"，是一种使用JavaScript技术实现异步通信，更新网页局部内容的技术，无需刷新整个页面。它通过创建XMLHttpRequest对象，发送HTTP请求，然后在...
AJAX-jQuery讲义.pdf
08-28
创建**XMLHttpRequest**对象是使用AJAX的第一步，基本语法是`var xmlhttp = new XMLHttpRequest();`。这个对象有两个关键特性： 1. **异步通信**：XMLHttpRequest可以异步地向服务器发送请求，不会阻塞用户界面，...
AJAX核心-XMLHTTP对象
10-04
**AJAX核心-XMLHTTP对象** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。XMLHTTP对象，全称...
Jquery Ajax xmlhttp请求成功问题
10-24
主要介绍了Jquery Ajax xmlhttp请求成功问题,需要的朋友可以参考下
ajax 同步和异步XMLHTTP代码分析
12-03
在网页脚本编程中，AJAX（Asynchronous JavaScript and XML）技术被广泛使用，它允许在不刷新整个页面的情况下与服务器进行数据交换，提供更好的用户体验。AJAX的核心是XMLHttpRequest对象，它允许JavaScript在后台...
Ajax---局部刷新
福仔的博客
02-26 607
使用Ajax实现局部刷新页面
快速入门了解Ajax
音符犹如代码的博客
07-25 676
上面是一个原生的Ajax的一个写法，但是原生的Ajax太繁琐甚至还有浏览器不兼容的问题，所以现在都是基于原生的Ajax的Axios。意义：AJAX（Asynchronous JavaScript and XML）即异步 JavaScript 和 XML。介绍：Axios是简化的Ajax，对传统的Ajax操作的简化和改进，也是一个更强大和便捷的http请求处理的工具。下边是两个来自官网的post的请求和get请求的代码。
某数据泄露防护(DLP)系统NetSecConfigAjax接口SQL注入漏洞复现 [附POC]
薛定谔嘚喵博客
07-23 433
某数据泄露防护(DLP)系统是一款综合性的数据安全产品，旨在通过多种先进技术手段保护企业的敏感数据，防止数据泄露。某数据泄露防护(DLP)系统存在SQL注入漏洞，攻击者可通过该漏洞获取数据库敏感数据。
基于贝叶斯网络BO-Transformer-BiLSTM实现负荷数据回归预测附matlab代码.rar
最新发布
07-27
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
ASP.NET MVC与Ajax实战：XMLHTTP对象与异步通信解析
"Asp.net MVC Ajax框架应用实例详解 - 学习JQuery的Ajax异步加载，包含实用示例" 在ASP.NET MVC中，Ajax框架的运用极大地提升了用户体验，允许前端与后端进行异步通信，无需刷新整个页面。本文将深入解析Asp.net ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值