web tools--ajax version
天气预报:

value=北京>

id=disp_weather>

ip地址查询:

value=127.0.0.1>

id=disp_iparea>

手机归属查询:

id=disp_mobilearea>

chgbtnstyle();

//针对不同的浏览器获取指定的id对象

function getobj(objid) {

return document.all ? document.all[objid] : document.getelementbyid(objid);

}

var req;

//使用xmlrequest对象

function createxhr() {

try {

req = new activexobject("msxml2.xmlhttp");

}

catch (e) {

try {

req = new activexobject("microsoft.xmlhttp");

}

catch (e) {

req = false;

}

}

if (!req && typeof xmlhttprequest != "undefined") {

req = new xmlhttprequest();

}

}

function getweather() {

createxhr();

req.open("get", "weather.asp?city=" + getobj("weather").value, true);

req.send();

req.onreadystatechange = handlestatechange1;

}

function handlestatechange1() {

if (req.readystate<4){getobj("disp_weather").innertext = "正在查询["+getobj("weather").value+"]天气状况..."}

else if (req.readystate == 4 && req.status == 200) {

getobj("disp_weather").innertext = req.responsetext;

} else {

getobj("disp_weather").innertext = "\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u8fc7\u7a0b\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";

}

}

function checkip() {

var iparray, ip, j;

ip = getobj("ip").value;

if (/[^\d\.]/.test(ip)) {

return false;

}

iparray = ip.split(".");

if (iparray.length != 4) {

return false;

}

for (var i = 0; i < 4; i++) {

if (iparray[i].length == 0 || iparray[i] > 255) {

return false;

}

}

return true;

}

function getip() {

if (checkip()) {

createxhr();

req.open("get", "ipsearch.asp?ip=" + getobj("ip").value, true);

req.send();

req.onreadystatechange = handlestatechange;

} else {

getobj("disp_iparea").innertext = "\u8fd4\u56de\u9519\u8bef\uff1a\u4e0d\u662f\u6b63\u786e\u7684ip";

}

}

function handlestatechange() {

if (req.readystate<4){getobj("disp_iparea").innertext = "正在查询ip["+getobj("ip").value+"]..."}

else if (req.readystate == 4 && req.status == 200) {

getobj("disp_iparea").innertext = req.responsetext;

} else {

getobj("disp_iparea").innertext = "\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";

}

}

function checkmobile() {

var smobile = getobj("mobile").value;

if (!(/^13[0-9]\d{4,8}$/.test(smobile))) {

return false;

}

return true;

}

function getmobile() {

if (checkmobile()) {

createxhr();

req.open("get", "mobilesearch.asp?mobile=" + getobj("mobile").value, true);

req.send();

req.onreadystatechange = handlestatechange2;

} else {

getobj("disp_mobilearea").innertext = "\u8fd4\u56de\u9519\u8bef\uff1a\u4e0d\u662f\u5b8c\u6574\u768411\u4f4d\u624b\u673a\u53f7\u6216\u8005\u6b63\u786e\u7684\u624b\u673a\u53f7\u524d\u4e03\u4f4d";

}

}

function handlestatechange2() {

if (req.readystate<4){getobj("disp_mobilearea").innertext = "正在查询手机号码["+getobj("mobile").value+"]..."}

else if (req.readystate == 4 && req.status == 200) {

getobj("disp_mobilearea").innertext = req.responsetext;

} else {

getobj("disp_mobilearea").innertext = "\u67e5\u8be2\u8fc7\u7a0b\u51fa\u73b0\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5\u6216\u8054\u7cfb\u7ba1\u7406\u5458\uff01";

}

}

function chgbtnstyle(){

var btn=document.getelementsbytagname("input")

for(var i=0;i

if(btn[i].type=='button'){

btn[i].classname="btnstyle";

}

}

}

6.ajax应用,ajax应用相关推荐

  1. 怎么中断一个ajax请求,ajax、fetch、axios如何中断请求?

    先来说一说"中断请求"的实际场景,当页面有多个tab页签时,每次切换页签都会去请求数据,频繁的切换就会去请求很多次,比如A页签切换到B页签,A页签请求完全是不必要的,这时候可以在切 ...

  2. ajax入门实例代码,AJAX、AJAX实例及AJAX源代码

    AJAX.AJAX实例及AJAX源代码 作者:佚名 来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术 开放式WE ...

  3. 六十八、完成Vue项目推荐和周末游组件,并使用Ajax发起ajax请求

    @Author:Runsen 2020/10/27. 周二.今天又是奋斗的一天. 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...

  4. $.ajax 发送请求,JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)

    一.使用Ajax发送get请求 发送异步请求的步骤 - 获取Ajax对象:获取 XMLHttpRequest对象实例 - 创建请求:调用XMLHTTPRequest对象的open方法 - 设置回调函数 ...

  5. 一、AJAX学习笔记——原生AJAX (ajax简介、XML简介、ajax优缺点、ajax的使用)

    第 1 章:原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML. 通过 AJAX 可以在浏览器中向服 ...

  6. ajax hacking,Ajax Hacking

    Ajax Hacking 更新时间:2006年11月06日 00:00:00   作者: 由此Ajax攻击可见一斑,然而这还仅仅是个开始.7月份百度开通了百度空间,虽然没有指明是应用web2.0技术, ...

  7. ajax=1,ajax专栏1

    一.什么是ajax?有什么作用? ajax中文翻译为:异步的js和xml.用于网页向服务器发送请求(可支持同步和异步2种方式),接收服务器响应后的处理数据. 注:同步,网页发送请求后,锁定当前网页(不 ...

  8. AJAX教程@ajax

    文章目录 1.AJAX 1.什么是AJAX 2.AJAX核心对象 - 异步对象(XMLHttpRequest) 1.什么是XMLHttpRequest [简称为 xhr] 2.创建 异步对象 (xhr ...

  9. 了解ajax,ajax的优化有哪些

    -20-01-20 ------------------------------学习打卡-------------------------------------------------------- ...

  10. 什么是Ajax以及ajax请求的步骤

    什么是Ajax以及ajax请求的步骤 1.Ajax是什么? Asynchronous JavaScript & XML.Ajax是web开发的一种技术. 2.Ajax请求的步骤 (1)创建`X ...

最新文章

  1. vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives
  2. virtio后端驱动详解
  3. Vbox配置仅主机模式
  4. Delphi 与 DirectX 之 DelphiX(6): 让 TDXImageList 和常规 VCL 交互使用
  5. java B2B2C源码电子商务平台 - Zuul回退机制
  6. Linux从零开始(三、命令图解)
  7. linux/unix编程手册-16_20
  8. flex 图片上传并以二进制保存到oracle数据库,flex 加载并显示图片 图片转化成二进制...
  9. 鸿蒙2.0都来了,快搭个环境玩起来吧!
  10. 爬虫项目(二)---采集从03月02号以来的世界各国疫情数据
  11. 将python程序打包为exe及一些问题
  12. Nokia5230连接电脑无线上网
  13. 【翻译】Drafting and Revision: Laplacian Pyramid Network for Fast High-Quality Artistic Style Transfer
  14. 【区块链技术工坊32期】陈军:区块链+供应链金融解决方案及落地案例
  15. ios客户端学习-创建pch文件
  16. ChatGPT连接企微
  17. HBuilderX网站打包APP
  18. S3C2440下clock的源码分析
  19. python3.6 opencv3.4.3使用surf特征出错【解决方案】
  20. TBSchedule源码阅读1-TBScheduleManagerFactory

热门文章

  1. 2019秋季PAT甲级_C++题解
  2. ASP.NET Core 模型验证的一个小小坑
  3. C# 特性(attribute)
  4. laravel框架总结(十一) -- 集合
  5. java概述与基础知识
  6. Daily Scrum M2 10-29
  7. FlashDevelop flex sdk 报错的奇怪问题
  8. PHP - NetBeans中调试PHP
  9. oracle 表分区[三]
  10. 41.虚拟存储器以及相关算法