6.ajax应用,ajax应用
value=北京>
id=disp_weather>
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应用相关推荐
- 怎么中断一个ajax请求,ajax、fetch、axios如何中断请求?
先来说一说"中断请求"的实际场景,当页面有多个tab页签时,每次切换页签都会去请求数据,频繁的切换就会去请求很多次,比如A页签切换到B页签,A页签请求完全是不必要的,这时候可以在切 ...
- ajax入门实例代码,AJAX、AJAX实例及AJAX源代码
AJAX.AJAX实例及AJAX源代码 作者:佚名 来源:CNZZ 2008-1-4 AJAX介绍 AJAX 关键词: JavaScript脚本和可扩展标记语言(XML) WEB浏览器技术 开放式WE ...
- 六十八、完成Vue项目推荐和周末游组件,并使用Ajax发起ajax请求
@Author:Runsen 2020/10/27. 周二.今天又是奋斗的一天. 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
- $.ajax 发送请求,JavaScript之Ajax-2 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)
一.使用Ajax发送get请求 发送异步请求的步骤 - 获取Ajax对象:获取 XMLHttpRequest对象实例 - 创建请求:调用XMLHTTPRequest对象的open方法 - 设置回调函数 ...
- 一、AJAX学习笔记——原生AJAX (ajax简介、XML简介、ajax优缺点、ajax的使用)
第 1 章:原生 AJAX 1.1 AJAX 简介 AJAX 全称为 Asynchronous JavaScript And XML,就是异步的 JS 和 XML. 通过 AJAX 可以在浏览器中向服 ...
- ajax hacking,Ajax Hacking
Ajax Hacking 更新时间:2006年11月06日 00:00:00 作者: 由此Ajax攻击可见一斑,然而这还仅仅是个开始.7月份百度开通了百度空间,虽然没有指明是应用web2.0技术, ...
- ajax=1,ajax专栏1
一.什么是ajax?有什么作用? ajax中文翻译为:异步的js和xml.用于网页向服务器发送请求(可支持同步和异步2种方式),接收服务器响应后的处理数据. 注:同步,网页发送请求后,锁定当前网页(不 ...
- AJAX教程@ajax
文章目录 1.AJAX 1.什么是AJAX 2.AJAX核心对象 - 异步对象(XMLHttpRequest) 1.什么是XMLHttpRequest [简称为 xhr] 2.创建 异步对象 (xhr ...
- 了解ajax,ajax的优化有哪些
-20-01-20 ------------------------------学习打卡-------------------------------------------------------- ...
- 什么是Ajax以及ajax请求的步骤
什么是Ajax以及ajax请求的步骤 1.Ajax是什么? Asynchronous JavaScript & XML.Ajax是web开发的一种技术. 2.Ajax请求的步骤 (1)创建`X ...
最新文章
- vue/require-v-for-key]Elements in iteration expect to have ‘v-bind:key‘ directives
- virtio后端驱动详解
- Vbox配置仅主机模式
- Delphi 与 DirectX 之 DelphiX(6): 让 TDXImageList 和常规 VCL 交互使用
- java B2B2C源码电子商务平台 - Zuul回退机制
- Linux从零开始(三、命令图解)
- linux/unix编程手册-16_20
- flex 图片上传并以二进制保存到oracle数据库,flex 加载并显示图片 图片转化成二进制...
- 鸿蒙2.0都来了,快搭个环境玩起来吧!
- 爬虫项目(二)---采集从03月02号以来的世界各国疫情数据
- 将python程序打包为exe及一些问题
- Nokia5230连接电脑无线上网
- 【翻译】Drafting and Revision: Laplacian Pyramid Network for Fast High-Quality Artistic Style Transfer
- 【区块链技术工坊32期】陈军:区块链+供应链金融解决方案及落地案例
- ios客户端学习-创建pch文件
- ChatGPT连接企微
- HBuilderX网站打包APP
- S3C2440下clock的源码分析
- python3.6 opencv3.4.3使用surf特征出错【解决方案】
- TBSchedule源码阅读1-TBScheduleManagerFactory