JS——我的第二个AJAX程序
来源:互联网 发布:王者荣耀 刘备 知乎 编辑:程序博客网 时间:2024/06/03 12:04
common.js
//common.jsfunction $(id){return document.getElementById(id);}var xhr;function createXhr() {if(window.XMLHttpRequest){xhr = new XMLHttpRequest();return xhr;}else{xhr = new ActiveXObject("Microsoft XMLHttp");// Microsoft XMLHttp大小写随意return xhr;}}index.html
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script src="common.js"></script></head><body>用户名:<input type="text" id="uname"><button onclick="getMsg()">发送请求</button><div id="show"></div><script>function getMsg(){//1. 创建xhrvar xhr = createXhr();console.log(xhr);//2. 创建请求var uname = $("uname").value;xhr.open("GET","04-response.php?uname="+uname+"&upwd=123456",true); //3. 设置回调函数—onreadystatechange xhr.onreadystatechange = function() { if(xhr.readyState == 4 && xhr.status == 200){ //status //接收响应数据 console.log("1111"); var resText = xhr.responseText; $("show").innerHTML = resText; console.log(resText); } } //4. 发送请求 xhr.send();}</script></body></html>
04-response.php
<?php @$uname = $_REQUEST["uname"];if($uname == null || $uname == ""){die("uname required");}@$upwd = $_REQUEST["upwd"];if($upwd == null || $upwd == ""){die("upwd required");}echo $uname;echo $upwd;echo "我的第一个AJAX程序";?>
阅读全文
0 0
- JS——我的第二个AJAX程序
- JS——我的第一个AJAX程序
- JS—我的第五个AJAX程序(省市级联、JSON传递)
- 关于我的第二个程序——黑白棋
- JS—我的第四个AJAX程序(省市级联)
- JS——我的第三个AJAX程序(带数据库的用户名输入验证,模仿注册)
- JS—我的第六个AJAX程序(前端从数据库中获取数据库中数据,JSON传输)
- 我的第二个FlowLayoutManager程序
- 我的第二个c++程序
- 我的第一个AJAX程序
- 我的第一个AJAX程序
- 我的第一个AJAX程序
- 我的第一个AJAX程序
- 我的第一个ajax程序
- 第一个Ajax程序给我的下马威——xmlHttp的status=0?
- 我的第一个JS/CSS程序
- 我的第一个js程序
- 我的第一个JS程序——进击的马里奥
- yocto build
- 2017TOP100第6届全球软件案例研究峰会即将于11月在京召开!
- 开源软件的许可证
- SSO单点登录详解
- (EM算法)The EM Algorithm
- JS——我的第二个AJAX程序
- linux C++程序使用jsoncpp,并编译程序
- 无法连接阿里云数据库mongodb版问题
- 宏基因组实战3. MEGAHIT组装拼接及quast评估
- 全排列
- 利用beego开发网站(二)
- 优雅编程之这样使用CollectionUtils,你就“正常”了
- easyUI layout布局
- JVM体系结构与工作方式概览