AJAX
来源:互联网 发布:python spark 环境搭建 编辑:程序博客网 时间:2024/06/08 06:19
<script>
function test(){
//ajax步骤分成三步
//第一步骤,产生xmlhttp对象
var xmlhttp;
//判断兼容性问题
/*
产生XMLHttpRequest对象,可以做不刷新这个页面,局部更新内容
*/
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//第二步,发送请求
var url="/JavaWeb09_ajax/FindServlet";
//建立连接,第一个参数请求方法、第二个参数url、三个参数同步还是异步,true异步
xmlhttp.open("post",url,true);
//定义http传输头的信息
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
//发送请求
xmlhttp.send("username=小王&pwd=321");
//第三步接受响应,监控状态码,状态码一旦改变就调用一次方法
xmlhttp.onreadystatechange = function(){
//如果状态码为200,表示请求成功。readyStates表示对象的状态
if(xmlhttp.status == 200 && xmlhttp.readyState == 4){
//获取后台发送回来的内容
var jsonS = xmlhttp.responseText;
//接受到的json字符串,js无法直接操作字符串。json字符串转换为js对象
var jsobj = JSON.parse(jsonS);
console.info(jsobj.bean1.username);
/* console.info(jsobj.id);
console.info(jsobj.username); */
}
}
}
function test2(){
console.info(1234566);
}
test();
test2();
</script>
function test(){
//ajax步骤分成三步
//第一步骤,产生xmlhttp对象
var xmlhttp;
//判断兼容性问题
/*
产生XMLHttpRequest对象,可以做不刷新这个页面,局部更新内容
*/
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
//第二步,发送请求
var url="/JavaWeb09_ajax/FindServlet";
//建立连接,第一个参数请求方法、第二个参数url、三个参数同步还是异步,true异步
xmlhttp.open("post",url,true);
//定义http传输头的信息
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8");
//发送请求
xmlhttp.send("username=小王&pwd=321");
//第三步接受响应,监控状态码,状态码一旦改变就调用一次方法
xmlhttp.onreadystatechange = function(){
//如果状态码为200,表示请求成功。readyStates表示对象的状态
if(xmlhttp.status == 200 && xmlhttp.readyState == 4){
//获取后台发送回来的内容
var jsonS = xmlhttp.responseText;
//接受到的json字符串,js无法直接操作字符串。json字符串转换为js对象
var jsobj = JSON.parse(jsonS);
console.info(jsobj.bean1.username);
/* console.info(jsobj.id);
console.info(jsobj.username); */
}
}
}
function test2(){
console.info(1234566);
}
test();
test2();
</script>
0 0
- Ajax
- Ajax
- AJAX
- AJAX
- AJAX
- AJAX
- AJAX
- ajax
- ajax
- Ajax
- ajax
- ajax
- AJAX
- Ajax
- Ajax
- Ajax
- ajax
- ajax
- C语言生成DLL文件
- 一些有意思的前端插件收集
- 权限管理功能实例
- iOS第三方登录 微信登录 第三方登录微信详解AF3.0
- C++期末复习知识点
- AJAX
- const
- yii2框架-yii2文档资料整理(一)
- MySQL(6):约束
- jQuery——层叠选择器
- UVA1585
- FPGA 学习之路(四) modesim仿真方法
- iOS开发之第三方登录QQ -- 史上最全最新第三方登录QQ方式实现
- 输入框被限制效果,只能输入指定类型的数据